javascript - JSON编码的数组，如何在jQuery中使用

Question

好的，我已经在文件 test.php 中找到了这段代码:

<?php
$con = mysqli_connect("localhost", "user", "password", "DB");
if (mysqli_connect_errno()){
    echo "failed to connect:" . mysqli_connect_error();
}

$grab = mysqli_query($con, "SELECT * FROM DB");
$cars = array();
while($row = mysqli_fetch_assoc($grab)){
    array_push($cars, array("id" => $row["Id"], "name" => $row["Name"], "color" => $row["Color"];
}
echo json.encode($cars);

我的 HTML 页面上有 jQuery 代码:

$.get("test.php", function($cars){
    $("itemNameLink1").html($cars.name);
    console.log($cars.name);
});

我的下一个问题是如何访问 json_encoded 数组中的数据并在 HTML 页面上的 jQuery 中使用它。现在我只在控制台日志中返回未定义的信息。这只是我的第一次尝试，所以我并没有因此而感到沮丧。但任何建议将不胜感激。

Answer 1

这是因为您尝试访问 $cars 数组的 name 属性，而不是每辆车的 name 属性。您应该首先迭代您的数组:

for(var car in $cars){
    console.log(car.name);
} 

或

$cars.forEach(function(e){
    console.log(e);
});

如果您只维护现代浏览器。或者使用 @StartCoding 提到的 $.each 方法。

AND，再次正如 @StartCoding 提到的使用 $.getJSON 而不是 $.get 或 $.parseJSON($cars ) 如果您的响应中有一个字符串(如果您的服务器返回错误的 MIME 类型 [text/plain 例如，而不是 application/json，则有可能) ])。