使用 Ajax 将数组发送到 PHP 脚本答案

【问题标题】：Send array with Ajax to PHP script使用 Ajax 将数组发送到 PHP 脚本
【发布时间】：2012-02-18 13:36:30
【问题描述】：

我有一个由函数 .push 创建的数组。在数组中是非常大的数据。将其发送到 PHP 脚本的最佳方式是什么？

   dataString = ??? ; // array?
   $.ajax({
        type: "POST",
        url: "script.php",
        data: dataString, 
        cache: false,

        success: function(){
            alert("OK");
        }
    });

script.php:

  $data = $_POST['data'];

  // here i would like use foreach:

  foreach($data as $d){
     echo $d;
  }

最好的方法是什么？

【问题讨论】：

标签： php javascript jquery ajax

【解决方案1】：

将您的数据字符串编码为 JSON。

dataString = ??? ; // array?
var jsonString = JSON.stringify(dataString);
   $.ajax({
        type: "POST",
        url: "script.php",
        data: {data : jsonString}, 
        cache: false,

        success: function(){
            alert("OK");
        }
    });

在您的 PHP 中

$data = json_decode(stripslashes($_POST['data']));

  // here i would like use foreach:

  foreach($data as $d){
     echo $d;
  }

注意

当您通过 POST 发送数据时，它需要作为键值对。

这样

data: dataString

错了。而是这样做：

data: {data:dataString}

【讨论】：

为什么使用JSON.stringify？ data: {data: dataString} 有什么问题？
@Rocket：我想你也可以这样做，在这种情况下，Jquery 会序列化数组。
那么你就不需要json_decode，$_POST['data'] 已经是一个数组了。
友情提醒，始终验证您的帖子值，将它们扔掉。

【解决方案2】：

 dataString = [];
   $.ajax({
        type: "POST",
        url: "script.php",
        data:{data: $(dataString).serializeArray()}, 
        cache: false,

        success: function(){
            alert("OK");
        }
    });

http://api.jquery.com/serializeArray/

【讨论】：

由于 serializeArray 通过创建 JSOn 字符串来工作，您首先需要在 PHP 端使用 json_decode
我建议放弃serializeArray，而只是做data: {data: dataString}。那么$_POST['data'] 将是一个数组。

【解决方案3】：

jQuery ajax() 函数中的数据接受匿名对象作为其输入，请参阅 documentation。因此，您正在寻找的示例是：

dataString = {key: 'val', key2: 'val2'};
$.ajax({
        type: "POST",
        url: "script.php",
        data: dataString, 
        cache: false,

        success: function(){
            alert("OK");
        }
    });

您也可以自己编写 POST/GET 查询，例如 key=val&key2=val2，但您必须自己处理转义，这是不切实际的。

【讨论】：

这对我不起作用，但是 data: { id_arr: [array variable goes here]} 在 PHP 中可以作为数组 $_POST['id_arr'] 访问

【解决方案4】：

如果您一直在尝试发送一维数组并且 jquery 正在将其转换为逗号分隔值 >:( 然后按照下面的代码并将提交一个实际的数组 到php，而不是所有逗号分隔的公牛**。

假设您必须附加一个名为 myvals 的单个维度数组。

jQuery('#someform').on('submit', function (e) {
    e.preventDefault();
    var data = $(this).serializeArray();

    var myvals = [21, 52, 13, 24, 75]; // This array could come from anywhere you choose 
    for (i = 0; i < myvals.length; i++) {
        data.push({
            name: "myvals[]", // These blank empty brackets are imp!
            value: myvals[i]
        });
    }

jQuery.ajax({
    type: "post",
    url: jQuery(this).attr('action'),
    dataType: "json",
    data: data, // You have to just pass our data variable plain and simple no Rube Goldberg sh*t.
    success: function (r) {
...

当你这样做时，现在在 php 内

print_r($_POST);

你会得到..

Array
(
    [someinputinsidetheform] => 023
    [anotherforminput] => 111
    [myvals] => Array
        (
            [0] => 21
            [1] => 52
            [2] => 13
            [3] => 24
            [4] => 75
        )
)

请原谅我的语言，但是有很多 Rube-Goldberg 解决方案散布在整个网络上，特别是在 SO 上，但它们都不是优雅的或解决 实际上将一维数组发布到 @987654328 的问题@通过 ajax 发布。不要忘记传播此解决方案。

【讨论】：

【解决方案5】：

dataString 表明数据被格式化为字符串（并且可能由字符分隔）。

$data = explode(",", $_POST['data']);
foreach($data as $d){
     echo $d;
}

如果 dataString 不是字符串但实际上是数组（您的问题表明），则使用 JSON。

【讨论】：

dataString 这只是示例。我不必使用这个，但我不知道我必须使用什么
data: { id_arr: [array variable goes here]}, 可以作为 PHP 中的数组 $_POST['id_arr'] 访问