jquery - 如何使用Jquery AJAX post传递多维数组？

Question

我一直在使用 Serialize() 通过 Post() 传递复选框表单数据，以创建一个可以容纳同一类别的多个项目的购物篮。

当我使用提交按钮发布它们时，它可以正常工作，可以在一个类别下传递和显示多个值。

但是，当我使用 Jquery serialize() 时，它只会显示每个类别一项，并且总共只显示两个类别。这是一个数组问题，但我无法解决。

我应该使用替代的 JQuery 函数来传递多维数组吗？

Answer 1

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
      });

如果您的 post 数组可能包含您不知道的字段，您可以使用以下命令轻松访问 php 文件中的 Post 数组

$data = file_get_contents('php://input');
$data = json_decode($data, true);