如何在使用ajax調用時實現next/back函數？

我正在一個顯示交易記錄列表的網站上工作（每頁10條記錄）。如何在使用ajax調用時實現next/back函數？

的頁內尋呼和搜索功能，其允許用戶查看特定事務記錄。（如日期範圍，類型....超過10個參數至多）

當用戶點擊任何（更改頁面/搜索條件），ajax調用用於在不重新加載的情況下獲取並顯示事務。

不過，說，用戶點擊下一頁（AJAX調用），查看第二頁，並試圖點擊瀏覽器的後退按鈕。該網站將他重定向到另一個網頁，而不是返回page1。

我知道有一個window.history.pushState更改URL，而不在鍍鉻/火狐HTML5重裝。但我有支持舊的瀏覽器像IE7 +/FF/Chrome瀏覽器/ Safari瀏覽器。

是否有任何現有的解決方案來解決這個問題？謝謝。

編輯：我曾嘗試history.js今天中午。

// NEWURL：「PARA1 =值& PARA2 =數值& ....

history.pushState({data:"searchTransaction"}, document.title, newUrl);

而Ajax請求後的網址已經改變了，我有一個問題是如何處理的變化？我想綁定back/next（用戶單擊）事件並獲取「newUrl」，然後解析回參數映射並再次執行ajax請求我想在整個參數數組中存儲整個參數數組if可能的。

來源

2013-01-21 Drogba

嘗試'的https：// github.com/balupton/History.js /'？ – kayen

@kayen - 打我吧:)我已經在許多項目中使用這個成功。 –

可惜的是你不能因爲不存在，它趕上了「BACK/NEXT」事件，但你可以在c ATCH的statechange

// Bind to StateChange Event 
History.Adapter.bind(window,'statechange',function(){ // Note: We are using statechange instead of popstate 
    var State = History.getState(); // Note: We are using History.getState() instead of event.state 
    History.log(State.data, State.title, State.url); 
});

我最常做的是捕捉用戶的點擊，如果爲stateChange是沒有點擊trggered我supose用戶做下一個或背部。

來源

2013-01-21 10:27:35 artberri

這是我要找的，謝謝！ – Drogba

如何在使用ajax調用時實現next/back函數？

回答

相關問題