javascript - 将 JSON 数组中的数据放入 Javascript 数组

Question

我想将 $data 变量 (ajax.php) 中的数据放入 javascript 文件中的 this.products[ ] (store.js) 数组中。我该怎么做？请记住它们位于单独的文件中，我可以链接这两个文件吗？

ajax.php文件返回网页中的数据库数据如下:

[{"0":"100001","SKU":"100001","1":"Key Ring","Name":"Key Ring","2":"Personalised Key Ring","Description":"Personalised Key Ring","3":"5","Price":"5"}

ajax.php

<?php
//database settings
$connect = mysqli_connect("localhost", "root", "", "wrightr");

$result = mysqli_query($connect, "select * from storeitems");

$data = array();

while ($row = mysqli_fetch_array($result)) {
  $data[] = $row;
}
    echo json_encode($data);
?>

store.js - 最初 this.product[ ] 包含 LocalStorage 值，但我希望按照数据库表中的顺序包含 JSON 文件中的值。

//----------------------------------------------------------------
// store (contains the products)
//
function store() {
    this.products = [
 //example   new product (**field1**, **field2**, **field3**, etc...),
 //example   new product (**field1**, **field2**, **field3**, etc...),        
}
store.prototype.getProduct = function (sku) {
    for (var i = 0; i < this.products.length; i++) {
        if (this.products[i].sku == sku)
            return this.products[i];
    }
    return null;
}

Answer 1

您需要使用 AJAX。这里有两个选项(您可以在 store.js 文件中使用它)

使用 jQuery [ docs ]

$.get('ajax.php', function(resp){
   // do something with resp
   console.log(resp) // [{"0":"100001"...
})

普通 JavaScript [ docs ]

var req = new XMLHttpRequest();
req.addEventListener("load", function(){
    if(req.status === 200) { 
        var resp = JSON.parse(req.response)
    }
});
req.open("GET", "ajax.php");
req.send();