最近的專案中需要在客戶端使用JavaScript訪問後臺的方法,嘗試了以下幾種方法:

1.在<%%>中直接書寫程式碼段

2.通過js直接執行button的click()方法 觸發後臺程式碼

3.Ajax

4.將該方法釋出為webservice 通過javascript直接呼叫webservice.

專案中需要一次性迴圈生成多張密碼卡,而且麻煩的地方在於,前臺後臺需要共享相當多的屬性,通過hiddenField來傳遞。而每張密碼卡都需要首先呼叫後臺getTopMatrix()方法返回一個字串,客戶端獲得字串後做處理並存儲至EXCEL,若此過程成功則呼叫另一個後臺方法preToFormal()更新資料庫。初步嘗試的時候使用了方法一,方法一的缺點比較明顯,當頁面載入的時候<%%>中的內容被自動解析,無法實現可控的呼叫。

1. <script>
2. /*直接獲取返回值*/
3. var str_matrix="<%=getTopMatrix()%>";
4. </script>

方法二解決了可控性的問題。實現步驟如下:

    1、首先建立一個按鈕，在後臺將呼叫或處理的內容寫入button_click中;
    2、在前臺寫一個js函式，內容為document.getElementById("btn1").click();
    3、在前臺或後臺呼叫js函式，激發click事件，等於訪問後臺c#函式；

具體實現程式碼略。

當通過click事件觸發後臺方法後,後臺方法裡面對一個HiddenField賦值.而此時前臺的js程式碼仍在執行,需要用到這個HiddenField處理後的值。結果往往是後臺沒有為HiddenField賦值前臺js程式碼已經取到這個HiddenField的值，這時候仍然是空值。而通過加計時器的方法又顯得相當笨拙,且效率很低。

這個需求最終通過方法三Ajax解決,解決步驟:

    1、首先發起一個Ajax請求,訪問後臺頁面中的getTopMatrix()方法獲取密碼字串,為避免方法二中的問題,採用Ajax的同步方式。

    2、請求響應完畢之後,獲取返回的密碼字串通過Javascript處理並存儲至Excel。

    3、步驟2成功之後則發起另一個ajax請求,更新資料庫相關欄位。

==To be continue==