Javascript 在$.ajax中迭代JSON成功

当用户单击按钮时，我希望返回一些数据并遍历JSON，以便将结果附加到表行中

在这一点上，我只是想让我的循环工作，这是我的代码

我的JSON返回如下：{“列”：[“用户名”、“密码”]，“数据”：[[“foo”、“bar”]}

---

我得到一个jQuery（第16行，未定义）错误。我做错了什么？

假设您的

JSON

是这样的

var item=  {
        "items": [
                  { "FirstName":"John" , "LastName":"Doe" },
                  { "FirstName":"Anna" , "LastName":"Smith" },
                  { "FirstName":"Peter" , "LastName":"Jones" }
                 ]
           }

$.each(item.items, function(index,item) {        
    alert(item.FirstName+" "+item.LastName)
});

console.debug(item.COLUMNS[0])
console.debug(item.COLUMNS[1])

 $.each(item.DATA, function(index,item) {        
    console.debug(item[0])
    console.debug(item[1])
  });

您可以这样查询它

var item=  {
        "items": [
                  { "FirstName":"John" , "LastName":"Doe" },
                  { "FirstName":"Anna" , "LastName":"Smith" },
                  { "FirstName":"Peter" , "LastName":"Jones" }
                 ]
           }

$.each(item.items, function(index,item) {        
    alert(item.FirstName+" "+item.LastName)
});

console.debug(item.COLUMNS[0])
console.debug(item.COLUMNS[1])

 $.each(item.DATA, function(index,item) {        
    console.debug(item[0])
    console.debug(item[1])
  });

样本：

编辑：根据稍后发布的JSON OP

您的

JSON

没有条目，因此无效

根据你的JSON，像这样

var item= {  "COLUMNS": [  "username", "password" ],
             "DATA": [    [ "foo", "bar"  ] ,[ "foo2", "bar2"  ]]
          }

你应该这样询问它

var item=  {
        "items": [
                  { "FirstName":"John" , "LastName":"Doe" },
                  { "FirstName":"Anna" , "LastName":"Smith" },
                  { "FirstName":"Peter" , "LastName":"Jones" }
                 ]
           }

$.each(item.items, function(index,item) {        
    alert(item.FirstName+" "+item.LastName)
});

console.debug(item.COLUMNS[0])
console.debug(item.COLUMNS[1])

 $.each(item.DATA, function(index,item) {        
    console.debug(item[0])
    console.debug(item[1])
  });

工作示例：

您需要添加：

dataType: 'json',

。。因此，你应该：

$("#button").click(function(){

$.ajax({
    url: 'http://localhost/test.php',
    type: 'get',
    dataType: 'json',
    success: function(data) {  
     $.each(data.COLUMNS, function(item) {
        console.log(item);
        });
    },
    error: function(e) {
        console.log(e.message);
    }
});

});

。。以及确保引用each语句中的列

getJson也是另一种方式

---

你的json看起来怎么样？什么是

a

第16行在哪里？{“列”：[“用户名”、“密码”]，“数据”：[[“foo”、“bar”]}@JasonWells你应该把它作为你问题的一部分（编辑你的问题），而不是一条评论。谢谢，看起来我的理解有点偏差，但这很有帮助。我试图引用项[1]，但没有将索引传递到回调中。谢谢，我没有意识到我需要数据类型：json，如果我已经返回jsony，那么你不需要，如果你正在使用$.getJSON，那么它是$.ajax的包装器（{datatype:'json'）；