Ajax get undefined安らかなAPIからのリスト

Question

私は最初に検索しましたが修正はしませんでした。 ここは私のjQueryコードです。ここで

var rootUrl = "http://" + window.location.host + "/Blog/rest/posts"; 
 
var allPosts = function() { 
 
\t $.ajax({ 
 
\t \t type : 'GET', 
 
\t \t url : rootUrl, 
 
\t \t dataType : "json", 
 
\t \t success : renderAllPosts 
 
\t }); 
 
}; 
 

 
var renderAllPosts = function(data) { 
 
\t $.each(data, function(index, post) { 
 
\t \t alert(data); // returns [object Object] 
 
\t \t alert(post); \t // returns [object Object],[object Object] 
 
\t \t $('#allPosts').append(
 
\t \t \t \t '<a href=posts/' + post.ID + '><h3 id="animation_style">' 
 
\t \t \t \t \t \t + post.title + '</h3></a><hr>'); 
 

 
\t }); 
 
} 
 

 
$(document).ready(function() { 
 
// \t alert(window.location.host); 
 
\t allPosts(); 
 
});

がある私は1つのレコードだけを持っているときにrootURLは、それが正常に動作し、データベースに

を返すデータ... 私は見当がつかない理由警報（ポスト） 2つのオブジェクトを返します。私はそれが警告する必要があると思う（データ）2つのオブジェクトを返します。

キープこの

Answer 1

あなたのデータを取得し、postModelという属性を持っている、あなたはこれを変更する必要があります

var renderAllPosts = function(data) { 
    $.each(data, function(index, post) { 
     alert(data); // returns [object Object] 
     alert(post); // returns [object Object],[object Object] 
     $('#allPosts').append('<a href=posts/' + post.ID + '><h3 id="animation_style">'+ post.title + '</h3></a><hr>'); 
    }); 
} 

について：

var renderAllPosts = function(data) { 
    $.each(data.postModel, function(index, post) { 
     alert(data); // returns [object Object] 
     alert(post); // returns [object Object],[object Object] 
     $('#allPosts').append('<a href=posts/' + post.ID + '><h3 id="animation_style">'+ post.title + '</h3></a><hr>'); 
    }); 
} 

そのように、あなたはサイクルよ投稿の配列を通じて