2012-03-13 62 views
0

我一直在嘗試這一個星期,現在我還沒有找到任何工作解決方案,我非常強調 - 如果有人在這裏可以幫助,這將是非常好的:)從我的WordPress的網站通過JSON拉HTML內容 - jQuerymobile + Phonegap

摘要

  • 創建使用jQuery Mobile的&的PhoneGap
  • 對於iPhone本機應用程序第一次因此,我的Xcode等
  • 我跑一個使用WordPress的網站,我想拉動一些內容,選擇頁面顯示在這個iPhone應用程序。
  • 我已經安裝了這個插件:http://wordpress.org/extend/plugins/json-api/

我做了什麼 - 創建一份不錯的工作佈局。 - 安裝在我的iPhone上,效果很好(我是iPhone開發者)。 - 安裝插件。

需要幫助... 我要在我的網站頁面上的HTML表我想要的iPhone應用程序連接到服務器,並拉動該HTML數據並顯示它。 (所以,如果我在網上更改價格,它會反映在應用程序中)。

但是整個頁面不會從JSON生成(我知道蘋果不會喜歡它),例如頁眉,頁腳和其他一些內容已經被編碼。

到目前爲止我的代碼

<script type="text/javascript"> 

    $(function(){ 
     $.ajax({ 
     url: "http://www.myurlhere.com.au/api/get_page/?id=219/", 

     success: function(json_results){ 
      console.log(json_results); 

      $('#resultcontent') 
      listItems = $('#resultcontent') 
      $.each(json_results.results, function(key) { 
       html = '<h3>Title Here</h3>'; 
       html += '<p>'+json_results.results[key].content+'</p>'; 
       listItems.append(''+html+''); 
      }); 

     } 
    }); 
})</script> 

<div id="resultcontent"></div> 

任何人都可以看到任何與此問題?

回答

0

當我開發PhoneGap應用程序時,這也讓我感到厭倦,您在手機上承載了我所設想的JavaScript?

嘗試將參數datatype:"jsonp"添加到ajax調用中。

另外你可以做的是檢查從PhoneGap應用程序的調用,如果你可以打開它像FireBug的東西,看看你是否得到迴應。

我所要做的就是在URL的調用中添加類似callback=?的參數。

之所以加入JSONP格式是因爲你不能的問題,由於「同源策略」 1 Ajax調用「跨域」:所以你http://en.wikipedia.org/wiki/Same_origin_policy必須使用JSONP標籤。閱讀更多關於JSONP here

和jQuery的read here.

我會加入一些我的代碼用於演示目的

var url = "/getSomeService.ws?customerid="+customerId+"&"+getLocalInfo()+"&callback=?"; 

var req = $.ajax({ 
    url : url, 
    dataType : "jsonp", 
    timeout : 30000 
}); 

祝你好運!我希望這有幫助。

+0

感謝您在DAYS中的第一次回覆我已經能夠獲得它連接和拉取數據...我必須保留JSON,但我必須添加回調=?正如你所說:) 在Chrome瀏覽器中如果我檢查「的頁面它顯示的數據對象但是頁面不顯示它:( 我也得到這個錯誤: 「未捕獲的ReferenceError:數據沒有定義 $ .ajax.successcheapest.html:56 f.Callbacks.njquery-1.7.1.min.js:2 f.Callbacks.o.fireWithjquery-1.7.1.min.js:2 wjquery-1.7.1。 min.js:4 f.ajaxTransport.send.d.onload.d.onreadystatechange「 – 2012-03-13 07:41:24

+0

我不知道如何回覆本網站對不起! – 2012-03-13 07:42:05

+0

@BenDanyi編輯你的問題,並把新的變化,這樣它會更容易理解問題的當前狀態 – dhaval 2012-03-13 08:15:05