用JavaScript解析JSON失败

问题描述：

当我打电话的api，在json格式（标题和内容）返回一个随机的报价，我收到json就好：用JavaScript解析JSON失败

ajax({ url: 'quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1', type: 'json' }, 
function(data) { 
console.log((JSON.stringify(data))); 
console.log(data.content); 

console.log((JSON.stringify(data)));

输出：

[{ 
    "ID":1562, 
    "title":"Michael Bierut", 
    "content":"Most of the mediocre design today comes from designers who are faithfully doing as they were taught in school: they worship at the altar of the visual.\n", 
    "link":"http:\/\/quotesondesign.com\/michael-bierut-3\/", 
    "custom_meta":{"Source":"article"} 
}]

但是console.log(data.content);输出：无。

根JSON值不具有' “内容”'属性来匹配'data.content'。它看起来'data'是一个数组--' console.log（data [0] .content）'等等（[Access/process（nested）objects，arrays or JSON]（http://*.com/questions/） 11922383/access-process-nested-objects-arrays-or-json）） –

@RayonDabre目前还不清楚这是jQuery。尽管有一些相似之处，但这些参数似乎与'jQuery.ajax（）'不兼容。 –

@JonathanLonowski，真的！ – Rayon

答

尝试console.log（data [0] .content）;

答

我认为问题是，你是不是字符串化的解析

console.log(JSON.parse(data));

编辑：关于这个问题的例子有一些其他的问题。这里是一个正确格式化AJAX请求：

$.ajax({ 
    type: 'GET', 
    dataType: 'json', 
    url: 'URL_HERE', 
    success: function(data) { 
    console.log(data.content); 
    } 
});

和一个工作示例https://jsfiddle.net/1fjqgajk/8/

我做的ajax请求是基于卵石的，我做的方式是建议做的方式。 –

答

$.ajax({url:"quotesondesign.com/wp-json/posts? filter[orderby]=rand&filter[posts_per_page]=1",type:'POST',dataType="json",success: function(data){ 
// if you dont wanto to use dataType use eval; 
//var jsonObj=eval(data) 

}});

用JavaScript解析JSON失败

相关推荐