javascript - ajax:从json数组中提取json对象

Question

JSON(来自 api 的内部数组):

[{"id":"001", "name":"john", "age":"40"}, {"id":"002", "name":"jane", "age":"30"}]

Ajax :

  $.ajax({                                      
  url: 'interface_API.php',                                                              
  dataType: 'json',                    
  success: function(data)         
  {
    for(var i in data){
        var row = data[i];

        var id = row[0];            
        var name = row[1];
        var age = row[2];

    $('#output').append("<tr width='50%'><td>"+id+"</td><td>"+name+"</td><td>"+age+"</td></tr>"); 
    }
  } 
});

API 使用它来构造:

if(mysqli_num_rows($output)){
     while($row = mysqli_fetch_assoc($output)){
         $json[] = $row;
     }
}

但是我的输出对于每个 .append 都是“未定义”重复

如何从数组中提取每个 json 对象并附加到页面？

Answer 1

更改此:

var id = row[0];            
var name = row[1];
var age = row[2];

对此:

var id = row['id'];            
var name = row['name'];
var age = row['age'];

或者这个:

var id = row.id;
var name = row.name;
var age = row.age;

<小时/>

因为你已经在这里循环了:

for(var i in data){
    var row = data[i]; // <----here

所以你只需要使用 js 对象中的键来引用它。