Json显示来自网站显示的数据仅未定义

时间:2015-03-25 10:22:48

标签: javascript jquery json wordpress api

您好JSON在移动jQuery上显示数据时遇到问题 使用控制台日志显示一切正常:

    $.getJSON("http://www.mcaps.at/redesign/api/get_page/?json=get_page&dev=1&id=119%22",
function page(data) {
 console.log(data.page.content);
});

当我尝试在div中显示数据时,只显示未定义的19次 这是我显示数据的代码:

$.getJSON("http://www.mcaps.at/redesign/api/get_page/?json=get_page&dev=1&id=119%22",
 function page(data) {

   var output ='<div>';

   $.each(data.page, function(key,val){

     output+='<p>'+val.content+'</p>';
   });

   output +='</div>';
   $('#home').html(output);


});

我需要帮助! 谢谢!

2 个答案:

答案 0 :(得分:0)

您不需要遍历所有属性:

您只需使用

即可
output+='<p>'+data.page.content+'</p>';

而不是遍历每个属性:

$.each(data.page, function(key,val){

     output+='<p>'+val.content+'</p>';
   });

<强>样本

&#13;
&#13;
$.getJSON("http://www.mcaps.at/redesign/api/get_page/?json=get_page&dev=1&id=119%22",
 function page(data) {

   var output ='<div>';

   

     output+='<p>'+data.page.content+'</p>';
 

   output +='</div>';
   $('#home').html(output);


});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="home"></div>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

为什么使用.each
这是工作demo