javascript - 使用javascript从php显示解析json

Question

我有一个由两部分组成的问题。在 PHP 中，我使用 fetch_assoc 就像 this post 的答案一样。它返回一个对象数组。那么我的JS是:

var result = JSON.parse(response),
    output = "";
for (var i = 0; i < result.length; i++){
    var obj = result[i];
    output += "<div class='mysql_row'>";
    for (key in obj){
        output += "<div class='mysql_col'>" + obj.key. + "</div>";
    }
    output += "</div>";
}
document.getElementById('main_grid').innerHTML = output;

我在另一篇文章中读到，使用“key”应该给我值，但即使登录到控制台给了我一个字符串数组，我还是得到了未定义。

1. 我的 for..in 是否做错了什么？

2. 我对 PHP 不太熟悉，是否有更优雅的方式来 echo 并显示数据？我的 PHP 代码:

   $load = $connect->query("SELECT * FROM `user` WHERE `role` = 2");
   $emp_proj = array();
   while ($row = $load->fetch_assoc()){
       $emp_proj[] = $row;
   };
   echo json_encode($emp_proj);
   

Answer 1

不是 obj.key 为您提供所需的值，而是 obj[key]:

var result = JSON.parse(response),
    output = "";
for (var i = 0; i < result.length; i++){
    var obj = result[i];
    output += "<div class='mysql_row'>";
    for (key in obj){
        output += "<div class='mysql_col'>" + obj[key] + "</div>";
    }
    output += "</div>";
}
document.getElementById('main_grid').innerHTML = output;

obj.key 正在查看对象 obj 并检索其键为字符串 "key" 的属性。 obj[key] 检索名称为变量 key 值的属性。

var obj = {
    key: 5,
    username: "test"
};

var key = "username";
console.log(obj.key); // 5
console.log(obj[key]); // "test"
console.log(obj.username); // "test"
console.log(obj["username"]); // "test"