通过字段名在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":[

我正在尝试将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":[{
      "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
    …我尝试了这两种方法,但都没有结果。我知道我的语法错了。我不太清楚这个。。。我想要的内容和标题是在文章部分。