javascript - 创建 JSON 时如何使用变量

Question

我想做的是根据 ajax 调用远程网站的结果更新我的 MySQL 数据库，然后使用这些结果更新我自己的数据库。

通过使用 PUSH 方法循环结果集构建 JSON 对象后，我 console.log 结果并得到:

[]
0: {id: "3340", orderID: "1518883", status: "Shipped", shipdate: "March 12, 2020", shipfrom: "USA", …}
1: {id: "1441", orderID: "1518884", status: "Scheduled", shipdate: "March 19, 2020", shipfrom: "USA", …}
2: {id: "3345", orderID: "1518895", status: "Shipped", shipdate: "March 12, 2020", shipfrom: "IA", …}
3: {id: "3342", orderID: "1518886", status: "Shipped", shipdate: "March 11, 2020", shipfrom: "TX", …}
4: {id: "3346", orderID: "1518896", status: "Shipped", shipdate: "March 12, 2020", shipfrom: "MN", …}
5: {id: "3343", orderID: "1518892", status: "Finishing", shipdate: "March 16, 2020", shipfrom: "IA", …}
6: {id: "3344", orderID: "1518893", status: "Shipped", shipdate: "March 12, 2020", shipfrom: "IA", …}
7: {id: "60", orderID: "1518887", status: "Shipped", shipdate: "March 12, 2020", shipfrom: "IA", …}
8: {id: "2149", orderID: "1518888", status: "Shipped", shipdate: "March 12, 2020", shipfrom: "NV", …}
9: {id: "2149", orderID: "1518894", status: "Shipped", shipdate: "March 12, 2020", shipfrom: "NV", …}
length: 10
__proto__: Array(0)

当我将它ajax到PHP并var_dump它时，我得到Array(0){}。我从该网站上其他人的问题中尝试了很多方法来解决类似的问题，这是我得到的最好的结果，其他方法的大多数结果都为空或根本没有结果。

我怀疑这完全是我使用变量构建 JSON 的方式造成的。这是我在js中使用的代码。当我将控制台结果粘贴到 lint 时，出现错误。我已经尝试将测试数据发送到 php 并获得结果，因此我相当确定它是我准备 JSON 数据的方式。

$('#btnUpdate').on('click',
    function() {

        var jsonData = new Array();
        var oTable = $("#example").DataTable(); 
        oTable.rows().every(function (index, element) {

           // get tracking data
           var tableData = this.data(); 
            var gNum="https://tracking.xyz.com/api/?key=b39f008e318efd2bb988d724a161b61c6909677f&order="+tableData[4];


        $.ajax({
              url: gNum,
              dataType: 'json',
            }).done(function(data) {
                var data = JSON.stringify(data)
                var mydata=(JSON.parse(data));
                console.log(mydata);
                    if(mydata.order_info){
                        if(mydata.order_info.tracking){
                            jsObject = {
                            "id": tableData[1],
                            "orderID" : tableData[2],
                            "status": mydata.order_info.status,
                            "shipdate": mydata.order_info.ship_date,
                            "shipfrom": mydata.order_info.ship_from,
                            "track" : mydata.order_info.tracking.number,
                            "carrier": mydata.order_info.tracking.carrier
                            }
                        }else{
                            jsObject = {
                            "id": tableData[1],
                            "orderID" : tableData[2],
                            "status": mydata.order_info.status,
                            "shipdate": mydata.order_info.ship_date,
                            "shipfrom": mydata.order_info.ship_from,
                            "track" : "",
                            "carrier": ""
                            };  
                        };
                        JSON.stringify(jsObject);

                    jsonData.push(jsObject);    
                 }else{
                    alert('not found');
                };
            });

        });
        console.log(jsonData)
        //var testData = new Array();
//var record1 = {"var1":"9","var2":"16","var3":"16"};
//var record2 = {"var4":"8","var5":"15","var6":"15"};
//testData.push(record1);
//testData.push(record2);

        // send data to server to update records
$.ajax({
    type: 'POST',
    url: 'statusUpdate.php/',                      
    data: {'data': JSON.stringify(jsonData)},
    ContentType: 'application/x-www-form-urlencoded; charset=UTF-8',
    success: function(data) {
      alert(data);
    }
});

PHP 代码

<?php

$json= $_POST['data'];

$array = json_decode( $json, true );
var_dump($array);
//exit;
// getting no usable result so code below is not processed


foreach ($array as $key => $jsons) { // This will search in the 2 jsons
     foreach($jsons as $key => $value) {
        if($key == 'id') $id = $value;
        if($key == 'orderID') $orderID = $value;
        if($key == 'status') $status = $value;
        if($key == 'shipdate') $shipdate = $value;
        if($key == 'shipfrom') $shipfrom = $value;
        if($key == 'track') $track = $value;
        if($key == 'carrier') $carrier = $value;
    $sql = "UPDATE Orders SET OrderStatus=" .$status. " shippedDate=" .$shipdate. " ShippedFrom =" .$shipfrom. " TrackingNumber = " .$track. " shippedVia =" .$carrier. " WHERE customer_id = " .$id. " AND OrderNumber = " . $orderID ;
    //if (!mysqli_query($con,$sql)) {
    //  echo("Error description: " . mysqli_error($con));
    //}
    }
}
echo $id;

//database connection close
mysqli_close($con); 

?>

更新

当我发送硬编码测试数据时，响应良好，因此这绝对是从之前的 ajax 收集的数据的问题。我在某处读到，ajax 调用的结果是对数据结果的引用，而不是实际结果本身。我不知道这是否属实，但可以肯定的是，我无法传递以 JSON 或单个 JavaScript 数组形式制作的数组中的数据。

我已经尝试了两种方法，并且服务器端的数据始终为空除非当我使用硬编码的测试数据而不是ajax请求的结果时。我想我需要以一种完全不同的方式来解决这个问题，可能在服务器 PHP 端使用curl。

        var testData = new Array();
var record1 = {"var1":"9","var2":"16","var3":"16"};
var record2 = {"var4":"8","var5":"15","var6":"15"};
testData.push(record1);
testData.push(record2);

        // send data to server to update records
$.ajax({
    type: 'POST',
    url: 'statusUpdate.php',                      
    //dataType: 'json',
    data: {'data' : testData},
    //ContentType: 'application/json',
    success: function(data) {
      console.log(data);
    }
});

RESPONSE
array(2) {
  [0]=>
  array(3) {
    ["var1"]=>
    string(1) "9"
    ["var2"]=>
    string(2) "16"
    ["var3"]=>
    string(2) "16"
  }
  [1]=>
  array(3) {
    ["var4"]=>
    string(1) "8"
    ["var5"]=>
    string(2) "15"
    ["var6"]=>
    string(2) "15"
  }
}

Answer 1

在您的 Ajax 请求中，您应该使用 FormData() 示例:

 $.ajax({
        url: 'url',
        method: 'post',
        data: new FormData($('#form-id')[0]),
        cache: false,
        contentType: false,
        processData: false,
        success: function (response) {
            console.log(response)

        }

    });