Question

我有这样的数据：

$json_data_array = '[
          {
            "id": 1,
            "value": "hr@test.com",
            "label": "teets"
          },
          {
            "id": 5,
            "value": "test@test.com",
            "label": "Test"
          }
        ]';

我在ajax响应中发送这个，现在我需要遍历这些数据我该怎么办？我试过这个但没有工作

$.ajax({
      url: url,
      type: 'POST',
      data: {'data': data},
      success: function (data) {
        console.log(data);
        $.each(data, function(key, value) {
          console.log(value);
           });
        },
        error: function (data) {
        }
      });

Answer 1

尝试将dataType属性添加到AJAX json ，以便首先将数据解析为对象。

$.ajax({
  url: url,
  type: 'POST',
  data: {'data': data},
  dataType : "json",
  success: function (data) {
    console.log(data);
    $.each(data, function(key, value) {
      console.log(value); //value is an object in this case like {"id": 5,"value": "test@test.com","label": "Test" }
       });
    },
    error: function (data) {
  }
});

Answer 2

成功回调时，您需要使用JSON.parse()将响应转换为对象。

 success: function (data) {
    console.log(data);

    var obj = JSON.parse(data);
    $.each(obj, function(key, value) {
      console.log(value);
    });

 },

如何遍历JSON数组的[]括号？

2 个答案: