javascript - Ajax从restful API获取未定义的列表

Question

我先尝试搜索，但没有解决。这是我的 jQuery 代码。

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

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>');

	});
}

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

这是rootUrl返回的数据

当我数据库中只有一条记录时，它工作正常......我不知道为什么alert(post)返回两个对象。我认为应该是alert(data)返回两个对象。

继续获取这个

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>');
    });
}

这样，您将循环浏览帖子数组