ajax调用返回列表

Question

我正在进行ajax调用

     $.ajax({
           url: urpath,
           type: 'POST',
           dataType: 'json',
           data: JSON.stringify(json),
           contentType: 'application/json; charset=utf-8',
           success: function (data) {
                        alert(data);
                    },
           error: error
     });

返回的数据是一个包含2列的列表。如何遍历列表并显示数据。当我做警报(数据)时，它只是显示对象对象？

Answer 1

使用for-in循环：

for (var i in data){
  // data[i].something, etc
}

下面是你的代码应该是什么样子的：

$.ajax({    
   url: urpath,
   type: 'POST',
   dataType: 'json',
   data: JSON.stringify(json),
   contentType: 'application/json; charset=utf-8',
   success: function (data) {
     for (var i in data){
      // data[i].something, etc
     }
   },
   error: error // assuming error is function
});

Answer 2

如果JSON确实是包含两个属性的对象的列表，如下所示：

[{"prop1":"value1", "prop2":"value2"}, {"prop1":"value3", "prop2":"value4"}]

您可以使用$.each方法遍历它们，在回调中，this变量将指向列表中的每个元素，并且您可以访问各个属性：

$.each(data, function() {
    alert('prop1=' + this.prop1 + ', prop2=' + this.prop2);
});