循环遍历 JSON 数组

Question

我最近发布了另一个问题，用户立即为我指出了正确的方向。

$.ajax({
  type: 'POST',
  url: './',
  data: 'token=' + token + '&re=8',
  cache: false,
  timeout: 5000,
  success: function(html) {
    auth(html);
    var JSON_array = eval(html);
    alert(JSON_array[0].username);
  }
});

这会正确返回数据，但我想执行一种“foreach”。 该数组包含有关多个传入和传出即时消息的数据。 因此，如果用户一次与多个人交谈，我需要遍历。 数组的结构如下。

Array(
  [0] => Array
    (
      [username] => Emmalene
      [contents] => 
        <ul><li class="name">ACTwebDesigns</li><li class="speech">helllllllo</li></ul>
        <ul><li class="name">ACTwebDesigns</li><li class="speech">sds</li></ul>
        <ul><li class="name">ACTwebDesigns</li><li class="speech">Sponge</li><li class="speech">dick</li></ul>
        <ul><li class="name">ACTwebDesigns</li><li class="speech">arghh</li></ul>
    )
)

非常感谢任何帮助。

Answer 1

好吧，既然你已经在使用 jQuery，你就可以使用each函数了：

$.ajax({ 
        type: 'POST', url: './', data: 'token=' + token + '&re=8', cache: false, timeout: 5000,
        success: function(html){ 
            auth(html);
            var JSON_array = eval(html);
            $.each(JSON_array, function(index, data) {
                $('someelement').append(data.contents);
            });
        }                           
    });

Answer 2

您甚至可以将 JSON 指定为返回类型，而不是评估 HTML...

使用$.each时迭代很容易：

$.ajax({
    type: "POST",
    data: ...,
    url: url,
    dataType: "json",
    success: function(data) {
        $.each(data, function(i, item){
            // do something with every item in data
            // you can reference items in data via
            // data.fieldName
        });
    }
});

但是for ... in循环并不难：

$.ajax({
    ...,
    dataType: "json",
    success: function(data) {
        var fields = data.fieldName;
        var value;
        for (value in fields) {
            // do something with value
        }
    }
});

Answer 3

只是为了澄清，因为我已经阅读了许多有用的提示和答案，只有这个对我有用：

$.ajax({ 
    type: 'POST', url: './', data: 'token=' + token + '&re=8', cache: false, timeout: 5000, datatype: 'json', 
    success: function(html){ 
        auth(html);
        var JSON_array = eval(html);
        $.each(JSON_array, function(index, data) {
            var talk_to = JSON_array.username;
            var contents_to_update = JSON_array.contents;
        });
    }                           
});

这使工作：

1) 使用评估。 2) 数据类型：'json' 3) 使用 jquery 的 $.each 函数