2012-12-04 57 views
0

我有一個小腳本讀出一個JSON提要,並用HTML寫下來。現在我想讓我的scirpt只顯示5個元素,並使用向前按鈕加載下一個5個元素,或者使用向後按鈕顯示最後5個元素。是否有任何可能性?只要給我一些指點,我可以開始我的研究,建立一個這樣的功能。JSON Javascript Onclick Loader

我的代碼到現在,只是爲了告訴你們:

<script type="text/javascript"> 
$(function() 
{ 
$(document).ready(function() 
{ 
$.getJSON("json_data2.php",function(data) 
{ 
$.each(data.posts, function(i,data) 
{ 
var div_data = 
"<div ><a href='"+data.url+"'>"+data.title+"</a></div>"; 
$(div_data).appendTo("#test"); 
}); 
} 
); 
return false; 
}); 
}); 
</script> 

<div id="test"></div> 
+0

存儲數據,將事件綁定到「下一個」按鈕,單擊按鈕時加載下一個。 – TheZ

回答

1

聽起來你想實現分頁。通常這最好在服務器端完成。在你的情況下,這將是json_data2.php。你可以讓json_data2.php讀取2個查詢字符串,例如startPosition和amount。所以startPosition可以根據傳遞的數字來偏移項目列表。然後金額會告訴json_data2.php返回多少項。然後每次點擊next或previous時,startPosition就會增加或減少。

所以

json_data2.php?指定startPosition = 0 &量= 5將返回前5個結果

然後

json_data2.php?startPositon = 5 &量= 5將返回下一5結果。