如何用jQuery/JavaScript解析JSON数据？

Question

如何用jQuery/JavaScript解析JSON数据？我有一个Ajax调用，它返回一些JSON，如下所示：$(document).ready(function () {     $.ajax({          type: 'GET',          url: 'http://example/functions.php',          data: { get_param: 'value' },          success: function (data) {              var names = data             $('#cand').html(data);         }     });});内部#cand我去拿：[ { "id" : "1", "name" : "test1" },   { "id" : "2", "name" : "test2" },   { "id" : "3", "name" : "test3" },   { "id" : "4", "name" : "test4" },   { "id" : "5", "name" : "test5" } ]我如何循环这些数据并将每个名称放在div中？

Answer 1

设置dataType:'json'将为您解析JSON：

$.ajax({
  type: 'GET',
  url: 'http://example/functions.php',
  data: {get_param: 'value'},
  dataType: 'json',
  success: function (data) {
    var names = data
    $('#cand').html(data);
  }});

否则你可以用parseJSON:

var parsedJson = $.parseJSON(jsonToBeParsed);

然后可以迭代以下内容：

var j ='[{"id":"1","name":"test1"},{"id":"2","name":"test2"},{"id":"3","name":"test3"},{"id":"4","name":"test4"},{"id":"5","name":"test5"}]';

.通过使用$().each:

var json = $.parseJSON(j);$(json).each(function (i, val) {
  $.each(val, function (k, v) {
    console.log(k + " : " + v);
  });});

JSFiddle

Answer 2

尝试下面的代码，它在我的项目中工作：

//start ajax request$.ajax({
    url: "data.json",
    //force to handle it as text
    dataType: "text",
    success: function(data) {

        //data downloaded so we call parseJSON function 
        //and pass downloaded data
        var json = $.parseJSON(data);
        //now json variable contains data in json format
        //let's display a few items
        for (var i=0;i<json.length;++i)
        {
            $('#results').append('<div class="name">'+json[i].name+'</>');
        }
    }});