元素列表动态加载网页

Question

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

Canvas

Answer 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>