Javascript 通过显示空白屏幕的Ajax读取WordPress REST API JSON数据
我正试图通过wordpress rest api在我的混合应用程序中提取数据。但我的屏幕是空白的。没有抛出错误消息。只有一个空白屏幕出现了。我已经检查了lint中的语法错误,代码中没有错误。我正在使用以下代码:Javascript 通过显示空白屏幕的Ajax读取WordPress REST API JSON数据,javascript,jquery,json,Javascript,Jquery,Json,我正试图通过wordpress rest api在我的混合应用程序中提取数据。但我的屏幕是空白的。没有抛出错误消息。只有一个空白屏幕出现了。我已经检查了lint中的语法错误,代码中没有错误。我正在使用以下代码: var BASE_URI = "https://public-api.wordpress.com/rest/v1.1/sites/smushbits.com/"; var POST_OFFSET = 0; function load_post() { $.ajax({ ur
var BASE_URI = "https://public-api.wordpress.com/rest/v1.1/sites/smushbits.com/";
var POST_OFFSET = 0;
function load_post() {
$.ajax({
url: BASE_URI + "posts",
type: "GET",
dataType: "json",
data: {
"number": 10 ,
"offset": POST_OFFSET
},
error: function() {
alert("An error occured.");
},
success: function(response) {
$.each(response, function(index, data) {
$('<li><a href="#single" id="'+data.posts[index].ID+'"><h1>'+data.posts[index].title+'</h1><p>'+getDays(data.posts[index].date)+'</p></a></li>').appendTo('#latest-list');
$(document).on("click", "#"+data.posts[index].ID, function() {
get_single_post(data.posts[index].title, data.posts[index].date, data.posts[index].URL, data.posts[index].content);
});
});
$('#latest-list').listview('refresh');
}
});
POST_OFFSET+=10;
}
$(document).ready(function(){
load_post();
});
var BASE\u URI=”https://public-api.wordpress.com/rest/v1.1/sites/smushbits.com/";
var POST_OFFSET=0;
函数加载_post(){
$.ajax({
url:BASE_URI+“posts”,
键入:“获取”,
数据类型:“json”,
数据:{
“数字”:10,
“偏移”:POST_偏移
},
错误:函数(){
警报(“发生错误”);
},
成功:功能(响应){
$。每个(响应、函数(索引、数据){
$(“”)。附录(“#最新列表”);
$(document).on(“click”、“#”+data.posts[index].ID,function(){
获取单个帖子(data.posts[index].title,data.posts[index].date,data.posts[index].URL,data.posts[index].content);
});
});
$(“#最新列表”).listview(“刷新”);
}
});
POST_偏移量+=10;
}
$(文档).ready(函数(){
加载_post();
});
演示:如何调用
load\u post()
?为什么BASE\u URI
中有一个巨大的空白?使用浏览器控制台检查错误<代码>数据不是你认为的循环中的数据。。。应该只使用data.ID
或data.title
@Zealander我已经更新了代码并删除了那个巨大的空白。@charlietfl json就是这样格式化的。它包含关于不同帖子的详细信息。尝试使用jQuery而不是$,可能是因为jQuery版本,例如$(文档),jQuery(文档)如何调用load\u post()
?为什么BASE\u URI
中有一个巨大的空白?使用浏览器控制台检查错误<代码>数据不是你认为的循环中的数据。。。应该只使用data.ID
或data.title
@Zealander我已经更新了代码并删除了那个巨大的空白。@charlietfl json就是这样格式化的。它包含关于不同帖子的详细信息。尝试使用jQuery而不是$,可能是因为jQuery版本,例如$(文档),jQuery(文档)