如何使用 ASP.NET PageMethods 從客戶端 JavaScript 呼叫伺服器端方法？

從客戶端JavaScript 函數呼叫伺服器端方法

在這個場景中，我們有一個HTML 按鈕點擊事件和一個程式碼隱藏中的伺服器方法。目標是透過 JavaScript 函數點擊按鈕時呼叫帶有參數的伺服器方法。

使用PageMethods 類別和Web 方法

一種方法是建立一個Web程式碼隱藏中的方法如下：

[WebMethod]
public static string SetName(string name)
{
    // Functionality for processing 'name' parameter
}

在客戶端JavaScript 中，您可以使用PageMethods 類別像這樣呼叫Web方法：

PageMethods.SetName(parameterValueIfAny, onSuccessMethod, onFailMethod);

新增ScriptManager 控制項

要讓PageMethods 正常運作，需要在ASPX 中包含以下控制項page:

<asp:ScriptManager ID="ScriptMgr" runat="server" EnablePageMethods="true" />

這將啟用必要的JavaScript程式庫並在客戶端與客戶端之間建立通訊通道

範例程式碼

以下是如何實作JavaScript 程式碼的範例：

function btnAccept_onclick() {
    var name = document.getElementById('txtName').value;
    PageMethods.SetName(name,
        function (result) {
            // Success callback (process result as necessary)
        },
        function (error) {
            // Error callback (handle as appropriate)
        });
}

按照以下步驟，您可以有效地從客戶端JavaScript 函數呼叫伺服器端方法，提供瀏覽器和伺服器之間的無縫通訊。

以上是如何使用 ASP.NET PageMethods 從客戶端 JavaScript 呼叫伺服器端方法？的詳細內容。更多資訊請關注PHP中文網其他相關文章！