ASP.NET AJAX 中，如何用 JavaScript 調用伺服器端的方法

ASP.NET AJAX 中，如何用 JavaScript 調用伺服器端的方法？

這裡不是指調用簡單的 PageMethod，因為靜態方法是不能操作當前頁面的控制項的，所以靜態 PageMethod 作用就跟普通的 WebService 一樣，比較局限。
那麼，調用一般的伺服器端方法，其實就是發起一個非同步回調。最簡單的實現辦法，是通過 UpdatePanel 來做。
首先定義一個隱藏的 LinkButton，在其處理事件中，去調用我們要執行的操作：

<asp:LinkButton ID="linkUpdatePosts" runat="server" style="display:'none';" OnClick
="linkUpdatePosts_Clicked" />

 

    // 重新整理貼文清單（供用戶端 js 調用）
    protected void linkUpdatePosts_Clicked(object sender, EventArgs e)
    {
        LoadPosts();
    }

然後 JavaScript 中就可以定義函數來觸發這個 LinkButton 的回傳：

    // 重新整理貼文清單
    function refreshPosts() {
        __doPostBack('<%= linkUpdatePosts.UniqueID %>', '');
    }

 

    // 重新整理貼文清單
    function refreshPosts() {
        __doPostBack('<%= linkUpdatePosts.ClientID %>'.split('_').join('$'), '');
    }

這裡注意 split('_').join('$') 的用法，是因為作為 __doPostBack 參數的控制項標誌符是用 $ 分隔的，而 ClientID 是用 _ 分隔，要在兩者之間進行下轉換。