web-dev-qa-db-ja.com

ajaxを使用してjavascript配列をコードbehind(c#)に送信する

私はC#とjavascriptに少し慣れていないので、私の質問は具体的ですが、他の方法を受け入れることができます。

メソッドで使用するために分離コードファイルに送信したい値の配列(javascript関数で作成したもの)があります。私がajaxを使用して調査し、JSONで配列を文字列化することは、最良の方法のように思われます。

私の質問は

  1. このメソッドを使用して配列を渡すことはできますか?

  2. サーバー側で(コードビハインドで)情報をキャプチャするにはどうすればよいですか?

値を渡すJavascript

var jsonvalues = JSON.stringify(values);
var callback = window.location.href
$.ajax({
  url: callback
  type: "POST",
  contentType: 'application/json',
  data: jsonvalues
});

[WebMethod]またはある種のWebServiceを使用してデータをキャプチャする多くのソリューションを見てきましたが、これを使用して、データを返すことなくコードビハインドファイルで作業を行うことはできますか?

これがコードビハインドファイルで使用しているものです

[WebMethod]
public static void done(string[] ids)
{
String[] a = ids;
}
9

ASP.NET MVCを使用してこの詳細な例を作成しましたが、WebFormsに簡単に適合させることができます。

jqueryを使用してMVCコントローラーにデータを送信します

HTMLとjQueryは、WebMethodを呼び出す場所を除いて、ほぼ同じように見えます。

使用しているページの名前がDefault.aspxで、メソッドの名前がDoneの場合、WebMethodのURLはDefault.aspx/Doneになります。

<script>
       // Grab the information 
       var values = {"1,","2","3"};
       var theIds = JSON.stringify(values);

       // Make the ajax call
       $.ajax({
         type: "POST",
         url: "Default.aspx/Done", // the method we are calling
         contentType: "application/json; charset=utf-8",
         data: {ids: theIds },
         dataType: "json",
         success: function (result) {
             alert('Yay! It worked!');               
         },
         error: function (result) {
             alert('Oh no :(');
         }
     });
  </script>

WebMethodは引き続き同じです。

[WebMethod]
public static void done(string[] ids)
{
   String[] a = ids;
   // Do whatever processing you want
   // However, you cannot access server controls
   // in a static web method.
}
6
David East

最も簡単な方法は、ASP.NETMVCとデータバインドを使用してリストにバインドすることです。したがって、文字列のリストの場合、これは非常に簡単です。次のようなコントローラーアクションを作成するだけです。

[HttpPost]
public ActionResult MyAction(string[] values)
{
    ... debug and see that values gets set to your array from javascript ...
}

次に、data: values呼び出しで$.ajaxを渡します。文字列化する必要はありません。jQueryが何をすべきかを判断します。より複雑なリストバインディングについては、これをチェックしてください(そして、複雑なオブジェクトリストにバインドするための素晴らしい方法について話しているような他の多くのリソース):

http://blog.stevensanderson.com/2010/01/28/editing-a-variable-length-list-aspnet-mvc-2-style/

WebページまたはWebサービスから[WebMethod]メソッドを呼び出すには、次のガイドを確認してください。

http://encosia.com/using-jquery-to-directly-call-aspnet-ajax-page-methods/

基本的にはURLをServicePage.aspx/MethodNameにする必要がありますが

0
Milimetric