在頁面上向下滾動顯示來自json數組的靜態內容

我有JSON數組。我有1000個ID和1000個城市。最初我必須加載100個ID和城市。在向下滾動頁面之後，我必須加載另外100個這樣的ID和城市。我必須加載所有。如何加載？在頁面上向下滾動顯示來自json數組的靜態內容

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

來源

2014-03-04 Dileep

如果您發現答案有幫助，請接受它，否則請告訴它是否無效。 –

嘗試是這樣的：

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

當事件發生時滾動腳本檢查，如果我們是在頁面的末端。

來源

2014-03-04 10:37:22

我們可以這樣做的幾個城市..但我不能一次又一次地寫1000年 – Dileep

你真的需要發送城市名稱嗎？如果是這樣，你將不得不創建這樣一個大陣列併發送它的部分。最好我會改變服務器端代碼，所以它只需要id，然後迭代。此外，您提供的代碼缺少「}）：」在

相關問題

在頁面上向下滾動顯示來自json數組的靜態內容

回答

相關問題