Jquery：JSON解析总是得到意想不到的字符错误

Question

我想解析来自服务器的数据。虽然我正在处理有效的JSON，但我总是得到JSON unexpected character error。

请考虑下面的代码：

var shows = $.parseJSON(fetchData('contentShows', this.id)); // Returns a valid JSON data 

$.each(shows, function(index, value) { 
    console.log(value.id); 
}); 

fetchData = function(dataRequest, id) { 
    var data = $.ajax({ 
     url: '/shows.php', 
     type: 'GET', 
     dataType: 'json', 
     success: function(data) { 
      console.log(dataRequest); 
      console.log(data); 
     } 
    }); 
    return data; 
} 

这是样品JSON：

[ 
    {"shows":[],"spool":"/home","name":"Test Name","id":2} 
] 

Answer 1

的问题是，你的fetchData功能不返回JSON文本，它返回一个jqXHR object。 （所以当你传递到$.parseJSON，它就会变成像[object Object]一个字符串，这当然是无效的JSON的。）

的原因是，你的data变量设置为$.ajax调用的结果并返回。 $.ajax的返回值是一个jqXHR对象。

但只是改变是不够的，因为呼叫是异步;它在之后完成功能已经返回。

最好的办法是修改fetchData接受回调，然后在回调中使用所取得的数据。事情是这样的：

fetchData = function(dataRequest, id, callback) { 
    $.ajax({ 
     url: '/shows.php', 
     type: 'GET', 
     dataType: 'json', 
     success: function(data) { 
      console.log(dataRequest); 
      console.log(data); 
      callback(data); 
     } 
    }); 
} 

像这样来使用：

fetchData('contentShows', this.id, function(showData) { 
    var shows = $.parseJSON(showData); 

    $.each(shows, function(index, value) { 
     console.log(value.id); 
    }); 
});