2016-12-08 3 views
1

저는 Wordpress 나머지 API로 시작하고 있으며 모바일 앱에 통합하려고합니다. jquery를 가져 왔고 URL이 좋으며 브라우저에 데이터가 표시됩니다. wordpress 나머지 API를 사용하려고하는데 데이터가 표시되지 않습니다.

는 여기에 데이터가

<body> 

    <script> 
    $.ajax({ 
    type: 'GET', 
    url: 'http://wpecom.robbotdev.com/blog/wp-json/' + 'wp/v2/posts', 
    dataType: 'json', 
    success: function(data){ 
    // do something with the data here 
     $.each(data, function(index, value) { 

    $('ul.topcoat-list').append('<li class="topcoat-list__item">' + 
    '<img src="'+value.featured_image.attachment_meta.sizes.medium.url+'" /><br>' + 
    '<h3>'+value.title+'</h3>' + 
    '<p>'+value.content+'</p></li>'); 

}); 
    } 
}); 

    </script> 

    <li class="topcoat-list__item"> 
<img src="http://url.com/featured/image.png" /><br> 
<h3>Title</h3> 
<p>Post excerpt</p> 
</li> 

</body> 

답변

1

나는 이것에 대한 AJAX를 사용하는 경우, 내가 type 또는 dataType를 사용하지 않는 표시 얻을 수없는, 지금까지 내 코드입니다. 그 둘을 제거하고 그것이 효과가 있는지보십시오! 또한 콘솔에 JS 오류가 있습니까? 어쩌면 AJAX가 실행되기 전에 ul.topcoat-list도 생성됩니다. 어쩌면 jQuery(document).ready(function() 안에 AJAX 전화를 걸거나 </body> 앞에 HTML 아래로 옮길 수도 있습니다.

+0

좋은 사람은 아니지만 나는 여전히 같은 결과를 보았습니다. 콘솔에서 오류가 표시되지 않습니다. –

+0

console.log()를 사용하여 어떤 데이터가 되돌아 오는 지 확인하십시오. 콘솔에서 AJAX 호출을 볼 수 있습니까? 거기에 표시되어야합니다. 그렇지 않다면 AJAX는 아마도 실행되지 않을 것입니다. 그 함수가 트리거되는지 확인하기 위해 실패 함수를 추가하십시오. 함수에 모든 것을 넣고 document.ready ...에서 함수를 실행하십시오. –

+0

모든 필터를 제거한 후 콘솔에 표시 할 원시 json 데이터가 있습니다. –