如何從 ASPX 頁面中的客戶端 JavaScript 呼叫伺服器端方法？

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

在尋求無縫整合前端和後端程式碼時，通常有必要從客戶端JavaScript 函數呼叫伺服器端方法。讓我們探討如何在 ASPX 頁面上下文中實現這種通訊。

從 HTML 標籤開始，我們有一個 HTML 按鈕，其中的 onclick 事件處理程序連結到名為 btnAccept_onclick() 的 JavaScript 函數。此函數會擷取在名為「txtName」的文字欄位中輸入的值。我們的目標是將此值傳遞給名為 SetName() 的伺服器端方法。

在程式碼隱藏檔案中，SetName() 方法可以定義為接收字串參數的 public void 方法。然而，實作客戶端和伺服器之間通訊的關鍵在於建立 Web 方法。

要建立 Web 方法，請使用 [WebMethod] 屬性裝飾該方法。這允許從客戶端程式碼調用它。例如，

[WebMethod]
public static String SetName(string name)
{
    // Code for some functionality
    return "Your String"
}

配備了 Web 方法，我們現在可以從 JavaScript 進行呼叫。 PageMethods.SetName() 提供了從客戶端呼叫 Web 方法所需的介面。

PageMethods.SetName(name, onSuccessMethod, onFailMethod);

為了正確通信，請確保在 ASPX 頁面中包含 ScriptManager。這使得 ScriptManager 能夠處理非同步回發並管理 Web 方法呼叫。

<scriptmanager id="ScriptMgr" runat="server" enablepagemethods="true"></scriptmanager>

透過執行以下步驟，您可以無縫啟動客戶端 JavaScript 函數和伺服器端方法之間的通信，從而在客戶端 JavaScript 函數和伺服器端方法之間提供無縫整合。前端和後端層。

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