ASPX ページでクライアント側 JavaScript からサーバー側メソッドを呼び出すにはどうすればよいですか?

クライアント側の JavaScript 関数からサーバー側のメソッドを呼び出す

フロントエンド コードとバックエンド コードをシームレスに統合する場合、多くの場合、これが必要になります。クライアント側の JavaScript 関数からサーバー側のメソッドを呼び出します。 ASPX ページのコンテキストでこの通信を実現する方法を見てみましょう。

HTML マークアップから始めて、btnAccept_onclick() という JavaScript 関数にリンクされた onclick イベント ハンドラーを備えた HTML ボタンがあります。この関数は、「txtName」という名前のテキスト フィールドに入力された値を取得します。私たちの目的は、この値を SetName() という名前のサーバー側メソッドに渡すことです。

分離コード ファイルでは、SetName() メソッドを文字列パラメーターを受け取るパブリック 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 関数とサーバー側のメソッド間の通信をシームレスに開始でき、両者間のシームレスな統合が実現します。フロントエンド層とバックエンド層。

以上がASPX ページでクライアント側 JavaScript からサーバー側メソッドを呼び出すにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。