jQuery lặp qua kết quả JSON từ thành công AJAX?

Question

Trên lời gọi thành công jQuery AJAX, tôi muốn lặp qua kết quả của đối tượng. Đây là một ví dụ về cách phản ứng trông trong Firebug.

[ 
{"TEST1":45,"TEST2":23,"TEST3":"DATA1"}, 
{"TEST1":46,"TEST2":24,"TEST3":"DATA2"}, 
{"TEST1":47,"TEST2":25,"TEST3":"DATA3"} 
] 

Làm cách nào tôi có thể lặp lại kết quả để tôi có quyền truy cập vào từng yếu tố? Tôi đã thử một cái gì đó như dưới đây nhưng điều này dường như không hoạt động.

jQuery.each(data, function(index, itemData) { 
    // itemData.TEST1 
    // itemData.TEST2 
    // itemData.TEST3 
}); 

Answer 1

bạn có thể loại bỏ các vòng ngoài và thay thế this với data.data:

$.each(data.data, function(k, v) { 
    /// do stuff 
}); 

Bạn đang ở rất gần:

$.each(data, function() { 
    $.each(this, function(k, v) { 
    /// do stuff 
    }); 
}); 

Bạn có một mảng các đối tượng/maps nên lặp vòng ngoài trên những. Vòng lặp bên trong lặp lại trên các thuộc tính trên mỗi phần tử đối tượng.

Answer 2

Truy cập mảng json giống như bất kỳ mảng nào khác.

for(var i =0;i < itemData.length-1;i++) 
{ 
    var item = itemData[i]; 
    alert(item.Test1 + item.Test2 + item.Test3); 
} 

Answer 3

Nếu bạn sử dụng Fire Fox, chỉ cần mở ra một giao diện điều khiển (sử dụng phím F12) và thử này:

var a = [ 
{"TEST1":45,"TEST2":23,"TEST3":"DATA1"}, 
{"TEST1":46,"TEST2":24,"TEST3":"DATA2"}, 
{"TEST1":47,"TEST2":25,"TEST3":"DATA3"} 
]; 

$.each (a, function (bb) { 
    console.log (bb); 
    console.log (a[bb]); 
    console.log (a[bb].TEST1); 
}); 

hy vọng nó sẽ giúp

Answer 4

Bạn cũng có thể sử dụng getJSON chức năng:

$.getJSON('/your/script.php', function(data) { 
     $.each(data, function(index) { 
      alert(data[index].TEST1); 
      alert(data[index].TEST2); 
     }); 
    }); 

Đây thực sự chỉ là câu trả lời của ifesdjeen, nhưng tôi nghĩ nó có thể b e hữu ích cho mọi người.

Answer 5

$each sẽ làm việc .. Một lựa chọn khác là jQuery Ajax Callback for array result

function displayResultForLog(result) 
{ 
     if (result.hasOwnProperty("d")) { 
      result = result.d 
     } 

    if (result !== undefined && result != null) 
    { 
     if (result.hasOwnProperty('length')) 
     { 
      if (result.length >= 1) 
      { 
       for (i = 0; i < result.length; i++) { 

        var sentDate = result[i]; 

       } 
      } 
      else 
      { 
       $(requiredTable).append('Length is 0'); 
      } 
     } 

     else 
     { 
      $(requiredTable).append('Length is not available.'); 
     } 

    } 
    else 
    { 
     $(requiredTable).append('Result is null.'); 
    } 
    } 

Answer 6

Hãy thử jQuery.map chức năng, hoạt động khá tốt với bản đồ.

var mapArray = { 
 
    "lastName": "Last Name cannot be null!", 
 
    "email": "Email cannot be null!", 
 
    "firstName": "First Name cannot be null!" 
 
}; 
 

 
$.map(mapArray, function(val, key) { 
 
    alert("Value is :" + val); 
 
    alert("key is :" + key); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 7

Đối với bất cứ ai khác bị mắc kẹt với điều này, nó có thể không làm việc vì cuộc gọi ajax được giải thích dữ liệu trả về dưới dạng văn bản - ví dụ: nó chưa phải là đối tượng JSON.

Bạn có thể chuyển đổi nó thành đối tượng JSON bằng cách sử dụng lệnh parseJSON theo cách thủ công hoặc chỉ cần thêm thuộc tính dataType: 'json' vào cuộc gọi ajax của bạn. ví dụ.

jQuery.ajax({ 
    type: 'POST', 
    url: '<?php echo admin_url('admin-ajax.php'); ?>', 
    data: data, 
    dataType: 'json', // ** ensure you add this line ** 
    success: function(data) { 
     jQuery.each(data, function(index, item) { 
      //now you can access properties using dot notation 
     }); 
    }, 
    error: function(XMLHttpRequest, textStatus, errorThrown) { 
     alert("some error"); 
    } 
}); 

Answer 8

Bạn cũng có thể sử dụng chức năng getJSON:

$.getJSON('/your/script.php', function(data) { 
    $.each(data, function(index) { 
     alert(data[index].TEST1); 
     alert(data[index].TEST2); 
    }); 
}); 

Answer 9

Đây là những gì tôi đã đưa ra để dễ dàng xem tất cả các giá trị dữ liệu:

var dataItems = ""; 
 
$.each(data, function (index, itemData) { 
 
    dataItems += index + ": " + itemData + "\n"; 
 
}); 
 
console.log(dataItems);