元素列表动态加载网页
Element list dynamically loading a webpage
我有一个列表,我想做的是当用户单击列表项sport1时,它将显示他从数据库(表sport1)的结果当他点击列表项education1时,将显示表education1的结果。问题不在于如何从数据库检索数据,问题是留在同一页面,当用户点击一个项目,它需要的数据将被检索,我尝试使用数据过滤器,但它不起作用。谢谢你们的帮助。
<ul class="clearfix">
<li><a name="sport1" href="#" class="active">
<h5>Sport</h5>
</a></li>
<li><a name="education1" class="" href="#" >
<h5>Education</h5>
</a></li>
<li><a name="Loisir1" href="#" >
<h5>Loisir et detente </h5>
</a></li>
<li><a name="Culturel1" href="#" >
<h5>Culturel</h5>
</a></li>
<li><a name="Equipement1" href="#" >
<h5>Equipement public</h5>
</a></li>
<li><a name="Regeneration1" href="#" >
<h5>Regeneration urbaine</h5>
</a></li>
<li><a name="Residentiel1" href="#">
<h5>Residentiel</h5>
</a></li>
</ul>
使用jquery创建如下内容:
<ul class="clearfix">
<li>
<a id="sport1" name="sport1" href="#" class="active" onclick="showResults(this)"> <h5>Sport</h5></a>
</li>
</ul>
<script>
function showResults(obj) {
var item = $(obj).attr('id');
$.get('/somewebservice/'+item, function(result) {
//display results
for(var i in result) {
// render result
}
},'json');
});
</script>
相关文章:
- 如何防止网页加载后自动启动功能
- 如何在网页加载时显示加载内容,并在页面完全加载时隐藏此内容
- 如何在网页加载asp.net上显示文本框中第二个字母的光标位置
- 我能得到网页加载的时间吗
- 如何在整个网页加载后执行脚本
- 网页加载不正确:'"JSON”;未定义'错误
- 如何在网页加载之前添加加载页面
- 删除不需要的javascript和css是否包括减轻网页加载时间
- 如何在硒中仅从网页加载html
- 如何获取网页加载时间
- 如何在网页加载之前制作预加载器
- 如何使用网页加载的源从网页获取文本框内容
- Touchstart 事件永远不会在网页加载的首次加载时在 Android Chrome 上触发
- 网页加载完成后图像淡入
- 在网页加载后覆盖现有的javascript方法应该是可能的
- Selenium网页加载问题
- 在整个网页加载后加载谷歌广告
- 使用Javascript在网页加载时自动点击
- 如何在javascript中创建进度条以及如何在网页加载时使用它
- 当网页加载时,自动聚焦HTML表单输入的最佳方法是什么?