jqueryポストで送信する配列

Question

私は$.post()で自分のメソッドに配列を送信しようとしていますが、これについてどうやってやっていくのか分かりません。

私のフォームの外にあるチェックボックスの値を取得し、それらを私のメソッドに渡しています。 list.serializeArrayは、私はちょうど私がnull値を取得し、配列に送る機能

ない

私は.serializeArray() & .serialize()を使用しますが、エラーを取得しようとしました

こと。

HTML

<form....><input type="submit" value="submit" id="click_post" /></form> 

<div id="container"> 
     <input type="checkbox" value="2,3" name="checkbox" /> 
     <input type="checkbox" value="4,5" name="checkbox" /> 
     <input type="checkbox" value="6,7" name="checkbox" /> 
</div> 

jQueryの

$('#click_post').click(function() { 
       var list = new Array(); 
       $('#container input[type="checkbox"]').each(function() { 
        list.push($(this).val()); 
       }); 

       var $form = $(this).closest('form'); 
       $.post($form.attr('action'), { value: list }, function (data) { 
        alert('test'); 
       }); 
      }); 

METHOD

public ActionResult PassArray(string[] value){//doing some logic here} 

Answer 1

$（ '＃のclick_post'）をクリックします（関数（）{ 変数$フォーム= $（この）.closest（ 'フォーム' ）; $ .post（$ form.attr（ 'action'）、$ form。シリアル化（）、関数（データ）{ アラート（ 'テスト'）; }）; }）;また

とcheckboxにあなたの行動パラメータの名前を変更する（つまり、フォームでチェックボックスの名前として使用したものだから）：

public ActionResult PassArray(string[] checkbox) { 
    ...  
} 

---

UPDATE：

またはチェックボックスの値のみを送信し、その他のフォーム入力要素は送信しない場合は、traditionalモード：

$('#click_post').click(function() { 
    var list = new Array(); 
    $('#container input[type="checkbox"]').each(function() { 
     list.push($(this).val()); 
    }); 

    var $form = $(this).closest('form'); 
    $.ajax({ 
     url: $form.attr('action'), 
     type: 'POST', 
     traditional: true, 
     data: { value: list }, 
     success: function(result) { 
      alert('test'); 
     } 
    }); 
}); 

か：その後、

$('#click_post').click(function() { 
    var list = new Array(); 
    $('#container input[type="checkbox"]').each(function() { 
     list.push($(this).val()); 
    }); 

    var $form = $(this).closest('form'); 
    $.post($form.attr('action'), $.param({ value: list }, true), function(result) { 
     alert('test'); 
    }); 
}); 

と：

public ActionResult PassArray(string[] value) { 
    ...  
} 

Answer 2

serializeまたはserializeArrayはjQueryオブジェクトではないシンプルな編曲に適用されなければなりませんAY、例えば：$.postに渡さ

var serialized_data = $form.serialize(); 

データは次のようになります。

データ要求でサーバーに送信されたマップまたは文字列。

したがって、PassArrayメソッドの引数を変更する必要があります。

---

また、フォームの外にデータをシリアル化することができます。

var serialized_data = $('#container input:checkbox').serialize(); 

Answer 3

var list = new Array(); // This simply looks ugly 
var list = []; //This is the best way to so it in js - both are the same though 
//everything else seems fine.. now 
var data = {value: JSON.stringify(list)}; // -> '[1,2,3]' and so on 

あなたのコードの残りの部分は結構です。私は疑問に思っていますが、チェックボックスをループして自分のデータを構築するときに、なぜフォームを使用しますか？これらのチェックボックスはフォーム内にありますか？それでも、あなたのためのポストリンクを保持しているだけですか？