15

多くのフォームフィールド（12 xn行）を持つフォームがあります。各行の最初のフィールド（製品を表す）は、次のようなチェックボックスです。

<input type="checkbox" class="ids" name="ids[]" value="1">

各チェックボックスの値は一意です。

私がやろうとしているのは、Ajaxを介して処理するためにチェックされた値をPHPスクリプトに送信することです。私が問題を抱えているのは、サーバーへのIDを正しく取得することです。私は以下を含むいくつかのものを使ってみました：

$('.ids:checked').serialize();

と

var ids = [];
$('.ids:checked').each(function(i, e) {
    ids.push($(this).val());
});

$.ajax({
    url: "stub",
    type: "post",
    dataType: "json",
    data: {
        'ids[]': 'ids[]='+ids.join('&ids[]=')
    },
    success: function(data) {
        // stub
    }
});

しかし、これらは両方ともサーバー上でこれを取得する結果になります。

ids[]=104&ids;[]=105

フォーム全体をシリアル化して送信することもできますが、その結果、大量のデータが送信され、未使用になる可能性があります。

delete[]の値のみをサーバーに送信するにはどうすればよいですか？理想的には、PHPがそれを配列として認識する方法で？

（IDをコンマ区切りの文字列として送信することで回避しましたが、理解するのに十分な時間を費やしたので、これを実現する方法を知りたいと思います）。

4

3 に答える 3

23

これは私にとってはうまくいきました

<input type="checkbox" class="ids" name="ids[]" value="2">
<input type="checkbox" class="ids" name="ids[]" value="3">
<input type="checkbox" class="ids" name="ids[]" value="4">
<input type="checkbox" class="ids" name="ids[]" value="5">
<input type="checkbox" class="ids" name="ids[]" value="6">

<div id="response"></div>
<button id="submit">Submit</button>

<script>

$('#submit').click(function() {

$.ajax({
    url: "stub.php",
    type: "post",
    data: $('.ids:checked').serialize(),
    success: function(data) {
    $('#response').html(data);
    }
});


});
</script>

次にstub.phpで

var_dump($_POST);
于 2012-09-15T00:11:55.923 に答える
3

IDをカンマ区切りの文字列として送信してみませんか。サーバー側で分割し、それに関連付けられたロジックを適用できます。

var ids = [];
$('.ids:checked').each(function(i, e) {
    ids.push($(this).val());
});

$.ajax({
    url: "stub",
    type: "post",
    dataType: "json",
    data: {
        'ids[]': ids.join()
    },
    success: function(data) {
        // stub
    }
});
于 2012-09-15T00:43:20.897 に答える
0

私がうまく働いているための解決策 

//get checkbox checked data as the array

var ids = new Array();
      $('input[name="ids[]"]:checked').each(function(){
         ids.push($(this).val());
      });



var dataString = 'ids='+ ids;


 $.ajax({
            type: "POST",
            url: "ajax_fees_pay_Directly.php",
            data: dataString,
            cache: false,
            success: function(data){

}
 });
于 2019-02-17T03:54:41.860 に答える