Как использовать переменные при создании JSON - PullRequest
1 голос
/ 14 марта 2020

Я пытаюсь обновить базу данных MySQL по результатам вызова ajax на удаленный веб-сайт, а затем использовать эти результаты для обновления своей базы данных.

После создания JSON объект путем зацикливания набора результатов с использованием метода PU SH. Я 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 это, я получаю массив (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. Я думаю, что мне нужно подойти к этой проблеме совершенно по-другому, возможно, используя curl на стороне сервера PHP.

        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"
  }
}


Ответы [ 3 ]

0 голосов
/ 14 марта 2020

Попробуйте это:

<!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>
0 голосов
/ 15 марта 2020

Похоже, что происходит то, что первый вызов ajax, который заполняет массив JSON, не завершен, и, как я написал, сценарий уже вызывает мой PHP сценарий до JSON массив даже заполняется 1-м ajax вызовом. Так что это асинхронная проблема, которая может быть решена только путем переписывания кода с использованием обещаний и обратных вызовов перед отправкой данных на сервер.

Ссылка здесь>

0 голосов
/ 14 марта 2020

В вашем запросе 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)

        }

    });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...