传递 Javascript 数组 -> PHP

Question

假设我有一个包含一堆元素（50-200 个）的 JavaScript 数组。

我想使用 ajax 将其发送到 PHP（准备好的语句）。目前，我在循环内多次

.load

一个php文件，但我想将其转换为数组并发送一次数组，加载PHP文件一次而不是50-200次。

array[i] = variable;

Answer 1

您可以使用

JSON.stringify(array)

在 JavaScript 中对数组进行编码，然后在 PHP 脚本中使用

$array=json_decode($_POST['jsondata']);

来检索它。

Answer 2

AJAX 请求与通过

<form>

元素发起的 GET 和 POST 请求没有什么不同。这意味着您可以使用 $_GET 和 $_POST 来检索数据。

当您发出 AJAX 请求时（jQuery 示例）：

// JavaScript file

elements = [1, 2, 9, 15].join(',')
$.post('/test.php', {elements: elements})

（几乎）相当于发布此表单：

<form action="/test.php" method="post">
  <input type="text" name="elements" value="1,2,9,15">
</form>

在这两种情况下，在服务器端您都可以从 $_POST 变量读取数据：

// test.php file

$elements = $_POST['elements'];
$elements = explode(',', $elements);

为了简单起见，我在这里用逗号连接元素。不过，JSON 序列化是一种更通用的解决方案。

Answer 3

这是一个将 js 数组或对象转换为 php 兼容数组以作为 http get 请求参数发送的函数：

function obj2url(prefix, obj) {
        var args=new Array();
        if(typeof(obj) == 'object'){
            for(var i in obj)
                args[args.length]=any2url(prefix+'['+encodeURIComponent(i)+']', obj[i]);
        }
        else
            args[args.length]=prefix+'='+encodeURIComponent(obj);
        return args.join('&');
    }

前缀是参数名称。

编辑：

var a = {
    one: two,
    three: four
};

alert('/script.php?'+obj2url('a', a)); 

将会产生

/script.php?a[one]=two&a[three]=four

这将允许您在 script.php 中使用 $_GET['a'] 作为数组。您需要找到进入您最喜欢的 ajax 引擎的方法，提供从 js 调用 script.php 的 url。

Answer 4

因此，请使用客户端循环构建数组的二维数组，并在一个请求中将整个数组发送到 PHP。

在服务器端，您需要另一个循环来为每个子数组执行常规插入/更新。

Answer 5

对于任何希望通过支持默认 PHP

$_POST

数组处理来实现此目的的人，您需要将多个值附加到 FormData 的同一个 key[] 中。

例如

var form_data = new FormData();
my_array_elements.forEach(x => {
    form_data.append('your_array_field_name[]', x);
});

Answer 6

您可以将数组从 javascript 传输到 PHP...

Javascript...ArraySender.html

<script language="javascript">

//its your javascript, your array can be multidimensional or associative

plArray = new Array();
plArray[1] = new Array(); plArray[1][0]='Test 1 Data'; plArray[1][1]= 'Test 1'; plArray[1][2]= new Array();
plArray[1][2][0]='Test 1 Data Dets'; plArray[1][2][1]='Test 1 Data Info'; 
plArray[2] = new Array(); plArray[2][0]='Test 2 Data'; plArray[2][1]= 'Test 2';
plArray[3] = new Array(); plArray[3][0]='Test 3 Data'; plArray[3][1]= 'Test 3'; 
plArray[4] = new Array(); plArray[4][0]='Test 4 Data'; plArray[4][1]= 'Test 4'; 
plArray[5] = new Array(); plArray[5]["Data"]='Test 5 Data'; plArray[5]["1sss"]= 'Test 5'; 

function convertJsArr2Php(JsArr){
    var Php = '';
    if (Array.isArray(JsArr)){  
        Php += 'array(';
        for (var i in JsArr){
            Php += '\'' + i + '\' => ' + convertJsArr2Php(JsArr[i]);
            if (JsArr[i] != JsArr[Object.keys(JsArr)[Object.keys(JsArr).length-1]]){
                Php += ', ';
            }
        }
        Php += ')';
        return Php;
    }
    else{
        return '\'' + JsArr + '\'';
    }
}


function ajaxPost(str, plArrayC){
    var xmlhttp;
    if (window.XMLHttpRequest){xmlhttp = new XMLHttpRequest();}
    else{xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");}
    xmlhttp.open("POST",str,true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlhttp.send('Array=' + plArrayC);
}

ajaxPost('ArrayReader.php',convertJsArr2Php(plArray));
</script>

和 PHP 代码...ArrayReader.php

<?php 

eval('$plArray = ' . $_POST['Array'] . ';');
print_r($plArray);

?>