Javascript 通过显示空白屏幕的Ajax读取WordPress REST API JSON数据

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

我正试图通过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({
 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(文档)