CodeBehind から JavaScript 関数を呼び出す方法、またはその逆の方法

コードビハインドから JavaScript 関数を呼び出す

質問:

分離コードから JavaScript 関数を効率的に呼び出す方法、またはその逆を行う方法は?

答え:

分離コードから JavaScript 関数を呼び出すには、次のメソッドを使用します:

<code class="language-csharp">Page.ClientScript.RegisterStartupScript(this.GetType(), "CallMyFunction", "MyFunction()", true);</code>

このコードは、ページの読み込み中に呼び出される JavaScript 関数を動的に登録します。 「MyFunction」は、呼び出される JavaScript 関数の名前です。

JavaScript から分離コード メソッドを呼び出すには、Web サービスまたは AJAX テクノロジを使用できます。

Webメソッド

<code class="language-csharp">[WebMethod]
public string ExecuteSomething(string input) {
    // 要执行的操作代码
    return "Result from CodeBehind"; // 返回结果
}</code>

JavaScript の場合:

<code class="language-javascript">PageMethods.ExecuteSomething('myInput', OnSuccess, OnFailure);

function OnSuccess(result) {
    // 使用结果
    console.log(result);
}

function OnFailure(error) {
    // 处理错误
    console.error(error);
}</code>

AJAX

<code class="language-javascript">function CallCodeBehind() {
    $.ajax({
        url: "CodeBehindPage.aspx/ExecuteSomething",
        type: "POST",
        data: JSON.stringify({ input: "myInput" }),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {
            // 使用结果
            console.log(data.d); // d 属性包含服务器返回的结果
        },
        error: function (xhr, status, error) {
            // 处理错误
            console.error(error);
        }
    });
}</code>

これらのテクノロジーを使用すると、サーバー側の分離コードとクライアント側の JavaScript の間でシームレスに対話できます。 AJAX サンプルは、エラー処理を含む、JSON のより最新かつ堅牢な処理に更新されていることに注意してください。 WebMethod サンプルには、明示的なエラー処理と結果の戻りも追加されています。

以上がCodeBehind から JavaScript 関数を呼び出す方法、またはその逆の方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。