2016-12-08 3 views
1

私はWordpressの残りのAPIから始めています。私はそれをモバイルアプリケーションに統合しようとしています。私はjqueryをインポートし、URLは良好で、ブラウザにデータを表示します。ここで私はワードプレスの残りのAPIを使用しようとしていますが、データが表示されません

は、これまでの私のコードですが、私はデータは、私はこのためにAJAXを使用すると、私はtypeまたはdataTypeを使用していない

<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

を表示することができません。それら2つを削除して、それがうまくいくかどうか試してみてください!また、コンソールにJSエラーがありますか?おそらく、AJAXはul.topcoat-listが作成される前に実行されているかもしれません。あなたのAJAXコールをjQuery(document).ready(function()に入れてください。あるいは</body>の前にHTMLの下に移動してください。

+0

いいえ、私はまだ同じ結果を試しました。コンソールにエラーが表示されない –

+0

console.log()を実行して、戻ってくるデータがあるかどうかを確認します。コンソールにAJAXコールが表示されていますか?そこに表示されるはずです。そうでない場合、あなたのAJAXはおそらく実行中ではありません。それがトリガされるかどうかを確認するために失敗関数を追加してください。関数全体を関数に入れてdocument.readyでその関数を実行してください... –

+0

すべてのフィルタを削除した後、 –

関連する問題