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

Question

我有JSON数组。我总共有1000个身份证和1000个城市。最初，我必须加载100个ids和城市。在向下滚动页面后，我必须加载另外100个I和类似的城市。我得把所有的都装上。如何加载？

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

Answer 1

尝试如下所示：

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

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