Javascript 使用jquery解析JSON提要时,不会显示innerHTML数据

Javascript 使用jquery解析JSON提要时,不会显示innerHTML数据,javascript,jquery,html,json,feed,Javascript,Jquery,Html,Json,Feed,我正在尝试使用jquery和innerhtml解析json提要,但是由于某些原因,它不起作用。控制台中没有显示错误,并且提要正在工作。不知道为什么它不起作用 <div id="canvasFrame"> <div id='wrp' class='wrapper'> <h1>Latest News</h1> <img class="logo" src="logo.png"></img> </div&g

我正在尝试使用jquery和innerhtml解析json提要,但是由于某些原因,它不起作用。控制台中没有显示错误,并且提要正在工作。不知道为什么它不起作用

<div id="canvasFrame">


<div id='wrp' class='wrapper'>
    <h1>Latest News</h1>
    <img class="logo" src="logo.png"></img>
</div>

</div>
<script type="text/javascript">

var feed;

    $.getJSON("feedurlinhere", function(result){
        console.log(result);
        feed = result;

        var wrapper = document.getElementById('wrp');


        wrapper.innerHTML += "<div id='feedleft'><div class='container'><div class='tmb' style='background-image: url("+ feed.items[0].image +")'></div><h2>"+ feed.items[0].title +"</h2></div></div>";

        wrapper.innerHTML += "<div id='feedright'><div class='container'><div class='tmb' style='background-image: url("+ feed.items[1].image +")'></div><h2>"+ feed.items[1].title +"</h2></div></div>";
    });







</script>

最新消息
变量饲料;
$.getJSON(“feedurlinhere”,函数(结果){
控制台日志(结果);
feed=结果;
var wrapper=document.getElementById('wrp');
wrapper.innerHTML+=“”+feed.items[0]。title+“”;
wrapper.innerHTML+=“”+feed.items[1]。title+“”;
});

只需对JavaScript进行少量更改,并提供正确的提要,此代码就可以正常工作

  • 我将宽度和高度添加到
    .tmb
    div中
  • 将HTML文本中的
    替换为
var wrapper=document.getElementById('wrp');
变量馈送={
项目:[{
图像:'https://www.google.lk/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png',
标题:“谷歌标志”
}]
}
wrapper.innerHTML+=''+feed.items[0]。title+'';
.tmb{
宽度:540px;
高度:180像素;
}

最新消息

您能从服务器给我们一个响应吗?这是响应[HTTP/2.0 304未修改1399ms]我认为您的响应可能应该包含JSON并返回HTTP/200…您的服务器端工作正常吗?是的,它工作正常为什么不立即使用innerHTML两次以上?为什么不将结果分配给提要?没有意义。是的,这工作正常,但我正在解析JSON提要中的数据我可以使用此代码但使用jquery获取JSON吗?请确保JSON request使用items数组返回正确的结果。我在没有JSON请求的情况下执行此操作,因为这里无法重新创建该请求。