9

私はSerialize()を使用して、同じカテゴリの複数のアイテムを保持できるバスケットのPost()でチェックボックスフォームデータを渡してきました。

送信ボタンを使用して投稿すると、複数の値が渡され、1つのカテゴリに表示されて正常に機能します。

ただし、Jquery serialize()を使用すると、カテゴリごとに1つのアイテムのみが表示され、合計で2つのカテゴリのみが表示されます。これはアレイの問題ですが、解決できません。

多次元配列を渡すために使用する必要がある代替のJQuery関数はありますか?

4

7 に答える 7

17

Jqueryは多次元配列を直接取得するため、シリアル化する必要はありません。

var data = {
  foo:  123,
  bar:  456,
  rows: [
    {
      column1 : 'hello',
      column2 : 'hola',
      column3 : 'bonjour',
    },
    {
      column1 : 'goodbye',
      column2 : 'hasta luego',
      column3 : 'au revoir',
    },
  ],
  test1:{
    test2: {
      test3:  'baz'
    }
  }
};

_PHPファイルの投稿データは次のようになります

Array
   (
    [foo] => 123
    [bar] => 456
    [rows] => Array
        (
            [0] => Array
                (
                    [column1] => hello
                    [column2] => hola
                    [column3] => bonjour
                )

            [1] => Array
                (
                    [column1] => goodbye
                    [column2] => hasta luego
                    [column3] => au revoir
                )

        )

    [test1] => Array
        (
            [test2] => Array
                (
                    [test3] => baz
                )

        )

    )

データの多次元配列を定義すると、Ajaxは次のように単純になります。

$.ajax({
          type:           'post',
          cache:          false,
          url:            './ajax.php',
          data:           data
      });

投稿配列に不明なフィールドが含まれている可能性がある場合は、phpファイルの投稿配列に簡単にアクセスできます。

$data = file_get_contents('php://input');
$data = json_decode($data, true);
于 2012-07-31T19:23:50.287 に答える
2

良い解決策が見つからなかったので、JSON.stringify();を使用してこれを解決しました。 これが私のコードです

クライアント側 :

var data = {a:{'foo':'bar'},b:{'this':'that'}};
$.ajax({ url        : '/',
         type       : 'POST',                                              
         data       : {'data':JSON.stringify(data)},
         success    : function(){ }
       });

サーバ側:

$data = json_decode($_POST['data']);
print_r($data);
// Result:
// Array( "a" => Array("foo"=> "bar"), "b" => Array("that" => "this"))
于 2012-08-06T14:19:28.560 に答える
1
$.post(url, {"myarray":arrayData}, function(data){/*stuff*/}, 'json');

サーバー側では、たとえばphpを使用してアクセスします

$myArray = $_POST['myarray'][0];
foreach($myArray as $item)
{
   /*logic here for picking apart your array*/
}
于 2012-07-31T19:21:51.727 に答える
1

これは、jQueryとlaravel 8を使用して、配列の代わりにオブジェクトを(再帰的に)構築することで機能しました。

function getSorted(wrapper) {
    let set = {};
    let children = $(wrapper).children('.list-group');
    let index = 0;

    children.each(function(i, item) {
        $(item).children('.list-group-item').each(function(j, section) {
            index++;
            set[index] = {};
            set[index].id = $(section).data('id');
            set[index].subsections = getSorted($(section));
        });
    });

    return set;
}

通常の方法でajaxで送信しました。

let orderingSet = getSorted($('#sections')); // recursive function for all sections

$.ajax({
    type: 'POST',
    url: sortUrl,
    dataType: 'json',
    data: {'id': sectionId, 'to_id': parentId, 'orderingSet': orderingSet}
})

そしてリクエストからそれを取得しました:$orderingSet = request('orderingSet');

これは、ドラッグアンドドロップ後のセクション位置として特定の数値インデックスを使用して上記で作成された多次元「配列」のサーバー応答(その一部のみ)を表示する方法です。

ここに画像の説明を入力してください

于 2021-10-20T13:30:19.340 に答える
0

jQueryドキュメントから:

フォーム要素の値をシリアル化された文字列に含めるには、要素にname属性が必要です。チェックボックスとラジオボタン(「radio」または「checkbox」タイプの入力)の値は、チェックされている場合にのみ含まれます。

最初にコードを確認してください。あなたのコードを見ずにさらに助けるのは難しい。

于 2012-07-31T19:24:16.657 に答える
0

これが私のメタコードフラグメントです。これは私にとっては問題なく機能します...

    var f={};  

    f.text = "SOME DATA";
    f.any_other_field = some_other_value;
    f.items = [];

    $("#droppable .or").each(function(ee){
          var tmp={};
          tmp.id    = $(this).data("cid");
          tmp.name  = $(this).find(".ornazev").text();
          tmp.price = $(this).data("price");
          tmp.currency = $(this).data("currency");
          tmp.ks    = 1;  
          f.items.push(tmp);
    });
    $.ajax({
      type: "POST",
      url: urlsave,
      data: {"f":f},
      dataType: "text",
.....
于 2017-04-12T11:59:08.790 に答える
0
$.ajax({
    type:   'post',
    cache:  false,
    url:    './ajax.php',
    data:   { arrayData }
});

変数{}を含めるにはを使用する必要があります。{ arrayData }

次に、echo $_POST[arrayData];配列を生成します。そうでない場合は、配列値を送信しません。

于 2020-10-28T08:54:50.953 に答える