元素列表动态加载网页

时间:2015-09-03 15:16:12

标签: javascript php html mysql ajax

我有一个列表,我想要做的是当用户点击列表项sport1时,它将显示他来自数据库的结果(table sport1) 当他点击列表项目education1时,将显示来自表education1的请求。 问题不在于如何从数据库中检索数据,问题是停留在同一页面上,当用户点击项目时,它会检索所需的数据,我尝试使用数据过滤器,但它不起作用。 感谢你的帮助。

Canvas

1 个答案:

答案 0 :(得分:1)

使用jquery创建这样的东西(需要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>