從wordpress檢索數據並加載到手機上的應用程序

我一直在我的第一個應用程序工作，但我無法從我的博客加載內容，我瀏覽了一些教程，並從別人處實現代碼，但沒有任何內容。有沒有人可以幫我一把嗎？從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 -->

拜託，我已經花了很多時間尋找一個解決方案，但沒有什麼，並知道我不善於編程，但我正在努力工作，以盡我所能。

問候

來源

2013-12-20 pablo

你有沒有嘗試此代碼沒有嵌入科爾多瓦？你的錯誤是什麼？你使用哪個版本的Phonegap？ – kevpoccs

我沒有嘗試在科爾多瓦，只是我正在尋找一個簡單的例子來加載WordPress的內容開始開發我的應用程序。這是錯誤：XMLHttpRequest無法加載http://ultravoz.org/api/get_recent_posts/。請求的資源上沒有「Access-Control-Allow-Origin」標題。 Origin'null'因此不允許訪問 – pablo

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

您需要添加：

<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頁面上運行。

來源

2013-12-20 15:46:09

從wordpress檢索數據並加載到手機上的應用程序

回答

相關問題