在页面上向下滚动显示来自json数组的静态内容

时间:2014-03-04 10:32:08

标签: jquery json

我有JSON数组。我有1000个ids和1000个城市。最初我必须加载100个ID和城市。向下滚动页面后,我必须加载另外100个ID和城市。我必须加载所有。如何加载?

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script>
var json=[];
var json=[{"id":1,"city":"bangalore"},
          {"id":2,"city":"chennai"}
      ];
$(function() {
    $.each(json, function(idx, obj) {
    document.write(obj.id+"<br>");
</script>



</head>
<body>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

尝试这样的事情:

$(window).scroll(function() {
   if($(document).height() == $(window).scrollTop() + $(window).height()) {
       // another load
   }
});

当事件滚动发生时,脚本会检查我们是否在页面的末尾。