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

我先尝试搜索，但没有解决方法。
这是我的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）返回两个对象。

不断得到这个

最佳答案

您的数据具有名为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>');
    });
}

这样，您将循环浏览一系列帖子

关于javascript - Ajax从Restful API获取未定义列表，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47860763/