小编典典

在$ .ajax成功内遍历JSON

ajax

当用户单击按钮时,我想返回一些数据并遍历JSON,以便可以将结果附加到表行。

此时,我只是想让我的循环正常工作,这是我的代码。

我的JSON返回如下:{“ COLUMNS”:[“ username”,“ password”],“ DATA”:[[“ foo”,“ bar”]]}

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

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

});

我收到jQuery(第16行,未定义)错误。我究竟做错了什么?


阅读 272

收藏
2020-07-26

共1个答案

小编典典

假设你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)
});

范例:http
//jsfiddle.net/4HxSr/9/

编辑:根据JSON OP发布稍后

JSON的项目没有,因此无效。

按照这样的JSON

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

您应该这样查询

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

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

工作示例:http :
//jsfiddle.net/4HxSr/19/

2020-07-26