通过字段名在Javascript中连接JSON
我正在尝试将JSON数据连接到Javascript中,JSON如下所示:通过字段名在Javascript中连接JSON,javascript,jquery,json,Javascript,Jquery,Json,我正在尝试将JSON数据连接到Javascript中,JSON如下所示: { "status":"ok", "count":5, "pages":1, "category":{ "id":85, "slug":"front-page-active", "title":"Front Page Active", "description":"", "parent":0, "post_count":5 }, "posts":[
{
"status":"ok",
"count":5,
"pages":1,
"category":{
"id":85,
"slug":"front-page-active",
"title":"Front Page Active",
"description":"",
"parent":0,
"post_count":5
},
"posts":[{
"id":1535,
"type":"post",
"slug":"url",
"url":"url/",
"status":"publish",
"title":"title",
"title_plain":"title",
"content":"content… …
'<p class="listTitle">' + item.title + '</p>'
我的脚本如下所示:
{
"status":"ok",
"count":5,
"pages":1,
"category":{
"id":85,
"slug":"front-page-active",
"title":"Front Page Active",
"description":"",
"parent":0,
"post_count":5
},
"posts":[{
"id":1535,
"type":"post",
"slug":"url",
"url":"url/",
"status":"publish",
"title":"title",
"title_plain":"title",
"content":"content… …
'<p class="listTitle">' + item.title + '</p>'
''+item.title+'
'
我知道我正在正确连接该文件,因为我已将其与其他JSON文件一起使用。我认为这个文件的设置不同,我只是不知道我遗漏了什么。我必须修改文件吗
项目名称
打电话
这是完整的javascript文件:
$(document).ready(function(){
var outputNews = $('#newsPageUl');
var spinner = $('.pageLoaderSpinner');
$.ajax({
url: 'url',
dataType: 'json',
timeout: 20000,
cache: false,
success: function(data, status){
$.each(data, function(i,item){
var newsEvent =
//Generated HTML
'<li><div class="newsFeedTopBg"></div><div class="newsFeedMidBg">'
+ '<p class="listTitle">' + item.title + '</p>'
// + '<p class="date">' + item.posts[0].date + '</p>'
// + '<p class="pContent">' + item.posts[0].content + '</p>'
+ '</div><div class="newsFeedBottomBg"></div></li>'
//End Generated HTML
;
spinner.empty();
outputNews.append(newsEvent);
});
},
error: function(){
spinner.empty();
navigator.notification.confirm(
"Could not connect.",
connectionErrorNews,
'Connection Error',
"Go Back, Try Again"
);
}
});
});
$(文档).ready(函数(){
var outputNews=$(“#newsPageUl”);
变量微调器=$('.pageLoaderSpinner');
$.ajax({
url:'url',
数据类型:“json”,
超时:20000,
cache:false,
成功:功能(数据、状态){
$.each(数据、函数(i、项){
var newsEvent=
//生成的HTML
“”
+“”+item.title+”
'
//+''+item.posts[0]。日期+'
'
//+''+item.posts[0]。内容+'
'
+“ ”
//最终生成的HTML
;
spinner.empty();
outputNews.append(newsEvent);
});
},
错误:函数(){
spinner.empty();
navigator.notification.confirm(
“无法连接。”,
康涅狄格州新闻,
“连接错误”,
“返回,再试一次”
);
}
});
});
在JavaScript文件中,有一行:
$.each(data, function(i,item){
继续并将其更改为:
$.each(data.posts, function(i,item){
这将把
项
变量设置为每篇文章的post对象。post有标题,所以现在一切都应该正常了。你能发布一个JSFIDLE来重现这个问题吗?什么是item.title
?您的JSON中似乎没有这样的变量/树?但是有item.category.title
和item.posts[0]。title
…我尝试了这两种方法,但都没有结果。我知道我的语法错了。我不太清楚这个。。。我想要的内容和标题是在文章部分。