[ASP.NET] 跨瀏覽器禁止使用者返回上一頁 (應用篇)

在 [ASP.NET] 跨瀏覽器禁止使用者返回上一頁 (討論篇) 中
提到了要達到 Server 端檢查，並禁止返回上一頁，必需透過 Ajax，

簡單地說，便是要以 Call Back 的方式，問 Server 要導向的網頁，
再透過 location.replace('新頁面連結'); 使跳到下一頁時，無法返回上頁，

以下提到了兩種解決方式，
1. 自製 Ajax Button - 彈性較大，適合練習者使用，能加強對 Asp 的熟悉度
2. 利用 Update Panel - 使用簡單，適合應用者使用，只需幾行設定


1. 自製 Ajax Button

使用 Ajax 不難，但麻煩的地方在於，Server 端往往是需要使用者所輸入的資料，
因此，必須將目前所有控制項的值在 Call Back 時也傳到 Server 端，
Server 接到後，還要解析這些參數來做判斷，實在很辛苦

所以我們可以善用既有的資源，
http://www.simonerodriguez.com/ajax-form-submit-example/
這篇清楚提到如何將 submit 以 Call Back 方式完成，
懶得看也沒關係，我們只需用到他取得 Form 中所有控制項的方法

http://dl.dropbox.com/u/27661387/GetQueryString.js
接著再利用 JQuery 提供的 Ajax 方法
$.post(
    theForm.action, 
    getquerystring(theForm), 
    function (result) { eval(result); });
如此便完成了將 Form 內容傳到 Server 端的步驟，
還須處理的問題是，讓 Server 端知道是哪個按鈕所傳的訊息，以做出對應動作，
當然可以直接用 Post 傳參數，但我比較懶，模仿 Asp 的 Post 方法，
直接在 javascript 設定 theForm.__EVENTTARGET.value ，
便可在 Server 端以 Request[" __EVENTTARGET "] 取得
因此，便可知道是哪個控制項所觸發，再做出對應動作，
在此，我是檢查輸入值，若合法則
Response.Write("location.replace('新頁面連結')");
若不合法則
Response.Write("alert('輸入有誤，請重新輸入')");
如此來達到將資料傳回 Server 又禁止返回上一頁之功能，

完整程式碼下載!!

還是嫌麻煩 ~~
很好，懶惰的工程師才能創造最高的工作效率，
下一個方法，便是將以上都包起來了，
準備好了嗎? 眨眼就結束了喔!


2. 利用 Update Panel 

step1. 從工具箱拉 ScriptManager、UpdatePanel，並設定 Button 為 Trigger
step2. 在 Button1_Click，輸入
          ScriptManager.RegisterStartupScript(
                  (System.Web.UI.Page)HttpContext.Current.CurrentHandler,
                  typeof(System.Web.UI.Page), " ", 
                  "location.replace('新頁面連結')", true);
step3. 歡呼!!

其實原理與第一個方法相同，只是解析表單和 Javascript 都由 asp 做掉了
所以實際上要做的就只有幾個步驟，

完整程式碼下載!!


研究了那麼久，終於找到格外簡單的方法解決，
也算在今年的最後一天畫下個完美的句點，
新年快樂囉!!

-----------------------------------------------------------------------------------------------------------------
歡迎與我討論聯繫