ASP.NETアプリの背後にあるクライアント側のJavascriptとC＃コードの間でデータを渡す方法

ASP.NETアプリケーションの背後にあるクライアント側のJavaScriptコードとC＃コードの間でデータを渡す最も効率的で標準的な方法を探しています。私はこれを達成するために以下の方法を使用しましたが、それらはすべてちょっとしたファッジを感じます。

JavaScriptからC＃コードにデータを渡すには、非表示のASP変数を設定してポストバックをトリガーします。

<asp:HiddenField ID="RandomList" runat="server" />

function SetDataField(data) {
      document.getElementById('<%=RandomList.ClientID%>').value = data;
}

次に、C＃コードでリストを収集します。

protected void GetData(object sender, EventArgs e)
{
      var _list = RandomList.value;
}

別の方法に戻ると、どちらかのScriptManagerを使用して関数を登録し、Page_Load中にデータを渡すことがよくあります。

ScriptManager.RegisterStartupScript(this.GetType(), "Set","get("Test();",true);

または、ポストバックの前、または初期化または事前レンダリングの段階で、コントロールに属性を追加します。

Btn.Attributes.Add("onclick", "DisplayMessage("Hello");");

これらの方法は私に役立って仕事をしてくれましたが、完全ではありません。クライアント側のJavaScriptとC＃バックエンドコード間でデータを渡すより標準的な方法はありますか？

HtmlElementクラスを説明するこのような投稿を見てきました。これは私が検討すべきものですか？

この例のように、JavaScriptから静的ページメソッドを簡単かつ簡単に呼び出すことができます。複数のページからメソッドを呼び出す必要がある場合は、Webサービスをセットアップし、同じ方法でJavascriptから呼び出すことができます。以下にも例を示します。

.aspxコード

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

分離コード

using System.Web.Services;

[WebMethod]
public static string MyMethod(string name)
{
    return "Hello " + name;
}

Javascriptコード

function test() {
    alert(PageMethods.MyMethod("Paul Hayman"));
}

注：ページメソッドは静的である必要があります。アプリケーションが何をしようとしているかによって、これは問題になる可能性があります。ただし、情報がまったくセッションに基づいており、何らかの組み込み認証を使用している場合は、WebMethodデコレータにEnableSession属性を設定できます。これにより、HttpContext.Current.Userにアクセスできます。セッションなど

jQueryをご覧になることをお勧めします。JQueryを使用して、サーバーにAJAXコールバックを行うことができます。サーバーは必要な形式でデータを返すことができます。JavaScriptで直接使用できるので、適切な形式はJSONです。

jQueryを使用してサーバーからjavascriptにデータを取得するには、次のフェッチでhttp://youserver.com/my/uriに非同期リクエストを作成し、提供された関数でサーバーからデータを受信します。

$.get("my/uri", 
    function(data) { 
       // client side logic using the data from the server
    })

JavaScriptからサーバーへのデータ送信も同様に機能します。

$.post("my/uri", { aValue : "put any data for the server here" }
    function(data) { 
       // client side logic using the data returned from the server
    })

マイクロソフトは、UpdatePanelおそらく標準的な方法であるajaxを実行するコントロールを実装しています。私は個人的にそれを使用することはお勧めしませんが、JavaScriptを直接使用するときの豊富な機能セットとコントロールに近いところはありません。

これは私が個人的に行う方法です：

標準ページポストバックで使用するクライアント側の値の非表示フィールドを作成します（つまり、ユーザーが送信をクリックしたとき）

<asp:HiddenField ID="selectedProduct" runat="server" />

コードビハインドで、クライアント側で使用するコントロールを登録します。

    /* Register the controls we want to use client side */

    string js = "var productBox = document.getElementById('" + selectedProduct.ClientID + "'); ";
    js += "var macCodeBoxBE = document.getElementById('" + beMacCode.ClientID + "'); ";


    ClientScript.RegisterStartupScript(this.GetType(), "prodBox", js, true);

javascriptライブラリを使用してajaxのpost / getを実行し、JavaScriptを使用して応答に基づいてページを更新します

$.get("../ajax/BTBookAppointment.aspx?dsl=" + telNumberBox.value + "&date=" + requiredDate.value + "&timeslot=" + ddTimeslot.value, function (response, status, xhr) {

    if (response.indexOf("not available") > -1) {
        loaderImage.src = "../images/cross.png"
        output.innerHTML = response;
    } });

作業を行うためにrenderメソッドをオーバーライドする別の「ajax」ページを作成します。

protected override void Render(HtmlTextWriter writer)
{
    if (string.IsNullOrEmpty(Request["mac"])) { return; }
    if (string.IsNullOrEmpty(Request["dsl"])) { return; }
    DataLayer.Checkers.BTmacCheckResponse rsp = DataLayer.Checkers.Foo.CheckMAC(Request["dsl"], Request["mac"]);

    writer.Write(rsp.Valid.ToString());
}

*豊富なライブラリから選択できます。独自のライブラリを作成することもできます。jQueryをお勧めします。jQuery は安定しており、豊富な機能セットを備えています。

JSONは、タスクを達成するためのベストプラクティスの方法です。この問題を「C＃とJavaScript」の間の受け渡しと見なさないでください。この考え方は、元の投稿にあるようなコードの奇妙さをもたらします。

より一般的には、言語に依存しない方法でクライアントとサーバー間でオブジェクトを渡すだけです。JSONは広くサポートされており、読みやすいため、タスクに最適です。

サーバーサイドASPを必要としない入力タグを設定するには、次を使用できます：（またはフォームデータバインディングの場合は<％＃％>）

html：

<input type="hidden" value='<%= RandomValues %>' name="RANDOM_VALUES" />

ASPコントロール：

<asp:HiddenField ID="RandomList" runat="server" />

ポストバックで値を取得する

Request.Form["RANDOM_VALUES"]

その、aspが非表示の入力を制御する場合、使用できます

Request.Form[RandomList.UniqueID]

Request.Formの適切な部分は、同じ「名前」属性を持つ複数のタグがある場合、CSVで結果を返します。