從客戶端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 方法呼叫。
<asp:ScriptManager ID="ScriptMgr" runat="server" EnablePageMethods="true"></asp:ScriptManager>
透過執行以下步驟,您可以無縫啟動客戶端 JavaScript 函數和伺服器端方法之間的通信,從而在客戶端 JavaScript 函數和伺服器端方法之間提供無縫整合。前端和後端層。
以上是如何從 ASPX 頁面中的客戶端 JavaScript 呼叫伺服器端方法?的詳細內容。更多資訊請關注PHP中文網其他相關文章!