【问题标题】:How to use variables when creating JSON创建 JSON 时如何使用变量
【发布时间】:2020-06-26 08:12:53
【问题描述】:

我想做的是从远程网站的 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){}。我在这个网站上尝试了很多其他人的问题有类似问题的方法,这是我得到的最好的结果,其他方法的大多数结果都导致 null 或什么都没有。

我怀疑这完全是我使用变量构造 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"
  }
}


【问题讨论】:

  • 您是否尝试过修改代码以消除 Lint 中的错误?
  • 我真的不明白错误指的是什么,即使我能够修复仍然无法告诉我为什么在我的代码中生成错误的结果。 Error: Parse error on line 1: []0: { id: "3340", o --^ Expecting 'EOF', '}', ',', ']', got 'NUMBER'可以
  • 使用 LINT 结果更新问题
  • 删除所有提及您开始的内容,以及您如何转换它等,因为这与您的问题无关:显示minimal reproducible example:仅将您的数据作为JSON发送的代码到 PHP,并且只有在 PHP 端接受该 POST 的代码。至于帖子末尾的错误:当然,那是无效的 JSON。不要自己构建,在JS中使用JSON.stringify/JSON.parse,在PHP中使用json_encode/json_decode。
  • Mike 我按照你的建议做的更好吗?

标签: javascript php mysql json ajax


【解决方案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)

        }

    });

【讨论】:

  • dataType 呢?
  • 曾多次尝试使用 dataType="json"。 var_dump 的结果是空的,把它拿出来,至少我得到 Array(0){ } .. 即使那也是空的
  • 我没有使用表单。我的数据来自 ajax 结果和 datatables.net 表
  • 您可以发送 JSON 正文,在您的请求中添加 dataType: 'json',例如示例
  • 数据:新的 FormData($('#form-id')[0]), ??我不明白这在我的情况下如何工作,因为我的页面上没有表单或表单元素
【解决方案2】:

试试这个:

<!DOCTYPE html>
<html lang="en">
<head>
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script>
        console.log('sasd');
        function myFunction () {
            console.log('sasd');

            $.ajax({
                url: 'http://localhost:8081/',
                method: 'POST',
                dataType: 'json',
                data: {
                    "id": 'id',
                    "orderID" : "orderID",
                    "status": "status",
                    "shipdate": "shipdate",
                    "shipfrom": "shipfrom",
                    "track" : "",
                    "carrier": ""
                },
                success: function (response) {
                    console.log(response)

                }

            });
        }

    </script>

    <title>Title</title>
</head>
    <body>
        <button onclick="myFunction()">Click me</button>
    <?php
        var_dump($_REQUEST);
    ?>
    </body>
</html>

【讨论】:

  • 你知道数据是一个数组吧?正如我在问题开头发布的那样,有 10 个 id 数组索引,如果您查看我发布的代码,您会从我发布的控制台输出中看到。话虽如此,运行您的代码会导致空返回。
  • 要查看我的代码中的返回,请通过浏览器打开网络请求
【解决方案3】:

看起来正在发生的事情是填充 JSON 数组的第一个 ajax 调用不完整,并且按照我编写的方式,在 JSON 数组甚至由第一个 ajax 填充之前,脚本已经在调用我的 PHP 脚本称呼。所以这是一个异步问题,只能通过我在将数据发送到服务器之前重写我的代码以使用承诺和回调来解决。

参考这里>https://stackoverflow.com/questions/8847829/what-is-difference-between-success-and-done-method-of-ajax

【讨论】:

    猜你喜欢
    • 2012-10-10
    • 1970-01-01
    • 1970-01-01
    • 2020-06-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多