ASP.NET Ajax – History Support 續

今天正好遇到一個已經快結束的項目需要添加Ajax History功能
項目並未使用微軟的Ajax，使用的是JQuery的Ajax，頁面加載完成後發出Ajax請求初始化。對於這種情況的改進方式如下：

pageLoad

        $(document).ready(function () {
            Sys.Application.add_navigate(onNavigate);
            Sys.Application.add_load(onLoad);
        });

 

onNavigate

        function onNavigate(sender, e) {
            //判斷是否為使用者觸發
            //debugger;
            if (window.userNavigated == undefined || userNavigated) {
                restorePage(e.get_state());
            }    
        }

 

onLoad處理首次進入頁面或者回退前進到首次進入頁面的數據加載

function loadPage() {
            //your code

        }

 

addHistoryPoint不變

        function addHistoryPoint() {
            var pageState = { "foo": "foo", "bar": "bar"};
            var historyPointName = "blah";
            window.userNavigated = false;
            Sys.Application.addHistoryPoint(pageState, historyPointName);
            window.userNavigated = true;
        }

 

restorePage修改

        function restorePage(pageState) {
            //debugger;
            if (!$.isEmptyObject(pageState)) {
                // restore methord

            }
            else {
                onLoad();
            }
            Sys.Application.remove_load(loadPage);
        }

 

以上可以頁面內自由導航，也可以跨頁面導航回來。

這種改變後的方式，主要在於處理使用費微軟Ajax框架但還是使用ScriptManager管理History的情況。以前的方法缺點在於無法導航回到首次進入頁面的狀態。