如何将数组从 Javascript 传递到 PHP

Question

我有一个函数，每次单击按钮时都会保存一个数组到 localStorage。该按钮将被多次单击，我需要以某种方式将此数组列表放入 PHP 中，该列表位于该文件的另一个页面上。

谢谢

a.js （这个函数监听页面的onLoad）

    function doFirst(){
    var button = document.getElementById("button");
    button.addEventListener("click", save, false);

    var buttons = document.getElementById("clear");
    buttons.addEventListener("click", clear, false);

    var buttonss = document.getElementById("submittodb");
    buttonss.addEventListener("click", toPHP, false);

        $.ajax({
            method: 'post',
            dataType: 'json',
            url: 'edit.php',
            data: { items: oldItems }, //NOTE THIS LINE, it's QUITE important
            success: function() {//some code to handle successful upload, if needed
            }
        });

        }

        function save(){

        var oldItems = JSON.parse(localStorage.getItem('itemsArray')) || [];

        var newItem = {
           'num': document.getElementById("num").value,
            'methv': document.getElementById("methv").value,
            'q1': document.getElementById("q1").value,
            'q2':document.getElementById("q2").value,
            'q3':document.getElementById("q3").value,
            'q4':document.getElementById("q4").value,
            'comm':document.getElementById("comm").value,

        };
        oldItems.push(newItem);

        localStorage.setItem('itemsArray', JSON.stringify(oldItems));}


edit.php


$parsed_array = json_decode($_POST['items']);

and i get the error: Notice: Undefined index: items in /home/project/edit.php on line 9

Answer 1

1. 调用JSON.stringify(oldItems);创建json字符串

2. 使用 AJAX 执行 POST 请求。

可能最简单的方法是使用 jQuery：

$.post('http://server.com/url.php', { items: JSON.stringify(oldItems) }, function(response) {
  // it worked.
});

Answer 2

为了将此数组传递给 PHP，您需要：

1. 对其进行 JSon 编码
2. 向 PHP 发出 AJAX 或 POST 请求
3. 将传入的数组解析成PHP数组

如果你使用jQuery（如果你不是你应该开始 - 它是非常方便的工具）步骤（1）和（2）就像

$.ajax({
    method: 'post',
    dataType: 'json',
    url: 'the URL of PHP page that will handle the request',
    data: { items: oldItems }, //NOTE THIS LINE, it's QUITE important
    success: function() {//some code to handle successful upload, if needed
    }
});

在 PHP 中，您可以只用解析传递的数组

$parsed_array = json_decode($_POST['items']);

{ items: oldItems } 和 $_POST['items'] 之间存在直接联系。您在 javascript 调用中为参数提供的变量名称将是它结束的 $_POST 数组中的键名称。因此，如果您只在 javascript 中使用 data: oldItems，您的所有实体都会分散在 $_POST 数组周围。

更多关于$.ajax和json_decode的信息供参考。

Answer 3

您可以创建一个 AJAX 函数（使用 jQuery）并将 JSON 数据发送到服务器，然后使用 PHP 函数/方法对其进行管理。

基本上，您需要将数据从客户端（浏览器）发送回托管数据库的服务器。