如何使用JQuery和AJAX處理分頁？

在我的網站上，我有鏈接First,Prev，Next和Last。這些是由JQuery捕獲和處理的空鏈接。不過，對於AJAX和JQuery來說還是很新的，我不知道如何完成我想要的。我相信我可以用post得到這個工作，但唯一的問題是，我想目標頁碼去到URL格式爲：如何使用JQuery和AJAX處理分頁？

http://www.mywebsite.com/index.php?page=3

然後在頁面加載時我會使用$ _GET變量和頁碼，我可以從數據庫中請求適當的表格並將其顯示給用戶。

基本上我問的是如何使用JQuery模擬this行爲。

來源

2011-03-21 John Smith

你可以做這樣的事情：

的Javascript：

function pagination(page) { 
    if (!page) 
     var page = 1; 

    $.post("index.php", { page: page }, function(data) { 
     // data loaded, do something 
    }); 
}

然後，你只需要調用javascript函數：

<a href="javascript:pagination(1);">Prev</a> <a href="javascript:pagination(2);">Next</a>

來源

2011-03-21 01:11:49 YassineB

只要您從腳本的同一站點請求該腳本，就可以避開此問題。

要加載遠程內容（谷歌跨站點腳本的限制），jQuery有一個簡單的函數來做到這一點：

$('#result').load('ajax/test.html');

這會將test.html成具有#ajax標識的項目。很簡單。

爲了得到的參數，你可以使用這個腳本（歸功於http://jquery-howto.blogspot.com/2009/09/get-url-parameters-values-with-jquery.html）：

function getUrlVars() 
{ 
    var vars = [], hash; 
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); 
    for(var i = 0; i < hashes.length; i++) 
    { 
     hash = hashes[i].split('='); 
     vars.push(hash[0]); 
     vars[hash[0]] = hash[1]; 
    } 
    return vars; 
}

的使用信息是avaliable有太多。

來源

2011-03-21 00:55:37 Blender

很抱歉，如果我失去了一些東西，但如何我是否可以在網址中獲得該信息？ – 2011-03-21 01:02:15

當jQuery執行'$ .get（）'時，它會加載頁面，而*不會*解析加載頁面上的JavaScript。 JavaScript是客戶端，而不是服務器端。 – Blender 2011-03-21 01:06:06

如何使用JQuery和AJAX處理分頁？

回答

相關問題