使用 ajaxForm 插件发布数组

Question

我正在使用这个插件 --> http://jquery.malsup.com/form/

但我无法将数组发布到 PHP 脚本。

我在 beforeSubmit 函数中试过这个：

var concepts = new Array();
$('#myTable tbody tr td span.file').each(function(){
  concepts.push($(this).text());
});
arr.push({name: 'concepts',value:concepts});

而这在数据参数中：

data: {
  concepts: function(){
    var concepts = new Array();
    $('#myTable tbody tr td span.file').each(function(){
      concepts.push($(this).text());
    });
    return concepts;
  }
}

但我总是在 PHP 脚本中收到一个逗号分隔的字符串，而不是像在任何 ajax 调用中那样的数组。

[concepts] => 20 Bafles J8 DB Line Array, 4 Bafles J12 DB Line Array, 10 Bafles J SUB, 12 Bafles B2 DB, 2 Bummpers J, 4 Bafles Q7 DB Front Fill, 12 Monitores M4 DB, 38 Amplificadores, Sub Snake, 6 Bafles Q1 DB Side Fill, 6 Bafles Q SUB DB, Centro de Carga,Andamio de 4 mts. de altura brandeados por los 4 lados con lona mesh a 1,200 dpis

以上是以下结果：

print_r($_POST)

本例中的数组有 2 个元素。

但是我发布的数据有逗号。我知道我可以编码为 JSON，然后在 PHP 脚本中解码，但我更喜欢发送和接收数组。有什么方法可以实现吗？

我尝试将 processData 用作 false，但什么也没有 :(

提前致谢！

Answer 1

在您的 beforeSubmit 函数示例中，您似乎在同一输入名称下推送多个值，而没有将其声明为数组（如果有意义的话）。查看更新的示例：

var concepts = new Array();
$('#myTable tbody tr td span.file').each(function(){
  concepts.push($(this).text());
});

// Added square brackets to the `name` attribute
arr.push({name: 'concepts[]',value:concepts});

如果这不起作用，我会尝试在没有ajaxForm() 插件的情况下将数据发送到服务器。例如：

$('form').on('submit', function() {
    var data = $(this).serializeArray();

  $('#myTable tbody tr td span.file').each(function(){
    data.push({name: 'concepts[]', value: $(this).text()});
  });

  $.ajax({
    url: '/post/endpoint/example', // Change me!
    method: 'post',
    data: data
  });

  return false;

});

如果在没有插件的情况下发布有效，那么我会假设插件试图过于聪明并对表单数据进行一些奇怪的序列化。