2013-12-20 21 views
0

我一直在我的第一个应用程序工作,但我无法从我的博客加载内容,我浏览了一些教程,并从别人处实现代码,但没有任何内容。 有没有人可以帮我一把吗?从wordpress检索数据并加载到手机上的应用程序

这部分代码:

的javascript:

<script> 
     $(document).ready(function(){ 
      $.ajax({ 
       type: "GET", 
       url: "http://ultravoz.org/api/get_recent_posts/", 
       dataType: 'json', 
       error: function(){ 
        alert('Unable to load feed, Incorrect path or invalid feed'); 
       }, 
       success: function(data){    
        var html = '<ul data-role="listview" data-filter="true">' ; 
        for (var i = 0 ; i < 10 ; i++) { 

         html += '<li>'; 

         html += '<div class="entry">' + the_title() + '</div>' ; 

         html += '</li>'; 
        } 
        html += '</ul>'; 
        $("#postlist").append(html); 
        $("#postlist ul[data-role=listview]").listview(); 

       }}); 
      }); 
    </script> 

和HTML:

<div id="blog" data-role="page"> 
     <div data-role="header" class="sys_hd" data-position="fixed" data-id="sys_header" > 
      <h1>Sysads Posts</h1> 
     </div><!-- header --> 
     <div data-theme="c" data-role="content" id="postlist"> 
     </div><!-- content --> 
     <div data-role="footer" data-position="fixed" data-id="sys_footer" > 
        <div data-role="navbar" > 
       <ul> 
        <li><a href="#blog" class="sys_ft">Home</a></li> 
        <li><a href="#blog" class="sys_ft">Disclaimer</a></li> 
       </ul> 
      </div><!-- navbar --> 
     </div><!-- footer --> 
    </div><!-- page --> 

拜托,我已经花了很多时间寻找一个解决方案,但没有什么,并知道我不善于编程,但我正在努力工作,以尽我所能。

问候

+0

你有没有尝试此代码没有嵌入科尔多瓦?你的错误是什么?你使用哪个版本的Phonegap? – kevpoccs

+0

我没有尝试在科尔多瓦,只是我正在寻找一个简单的例子来加载WordPress的内容开始开发我的应用程序。这是错误:XMLHttpRequest无法加载http://ultravoz.org/api/get_recent_posts/。请求的资源上没有“Access-Control-Allow-Origin”标题。 Origin'null'因此不允许访问 – pablo

+0

我最近安装的最新版本的phonegap。 – pablo

回答

0

您需要添加:

<access origin="*" /> 

为PhoneGap的config.xml文件,以便能够完成这一要求。

得到这个工作在网络我这样做:

<script> 
    $(document).ready(function(){ 
     $.ajax({ 
      type: "GET", 
      url: "http://ultravoz.org/api/get_recent_posts/", 
      dataType: 'jsonp', 
      error: function(){ 
       alert('Unable to load feed, Incorrect path or invalid feed'); 
      }, 
      success: function(data){ 
       var html = '<ul data-role="listview" data-filter="true">' ; 
       for (var i = 0 ; i < 10 ; i++) { 

        html += '<li>'; 

        html += '<div class="entry">' + data.posts[i].title+ '</div>' ; 

        html += '</li>'; 
       } 
       html += '</ul>'; 
       $("#postlist").append(html); 
       $("#postlist ul[data-role=listview]").listview(); 

      }}); 
    }); 
</script> 

你需要使用“JSONP”的跨域请求。我还更新了“the_title()”的位置,这是一个wordpress函数,只能在实际的wordpress页面上运行。

相关问题