2014-06-05 108 views
0

我想從使用JSON API插件的Wordpress網站創建一個簡單的帖子源,而當JSON url返回數據時,它什麼也不做,當我試圖解析使用jquery的網址。當我將數據複製到JSON文件中並將其用於我的Mustache模板時,它可以工作,因此我知道故障不在模板中。難道是因爲我試圖解析來自另一個域的數據?無法從使用jQuery的Wordpress JSON API解析JSON數據

我的代碼如下所示:

HTML:

<div id="posts"></div> 

的Javascript:

<script id="posts-list" type="text/template"> 
    {{#posts}} 
     <div class="item"> 
      <img src="{{thumbnail}}" alt="{{title}}"> 
      <h3>{{title}}</h3> 
      {{{excerpt}}} 
      <span><a href="{{url}}">read more</a></span> 
     </div> 
    {{/posts}} 
</script> 

<script src="//code.jquery.com/jquery.js" type="application/javascript"></script> 
<script src="//cdnjs.cloudflare.com/ajax/libs/mustache.js/0.8.1/mustache.min.js" type="application/javascript"></script> 
<script> 
    $(function(){ 
     $.getJSON("http://wetu.co.zw/newsapp/?json=get_recent_posts&count=10", function(data){ 
      var template = $('#posts-list').html(); 
      var html = Mustache.to_html(template, data); 
      $('#posts').html(html); 
      }); 
     }); 
</script> 

請幫忙謝謝。

+1

這是跨域?如果是這樣,是否啓用了服務器上的CORS以處理相同的原始策略? – Sirko

+0

@Sirko是的,它是跨域。是否可以解析數據而不會搞亂服務器配置? – babusi

+2

不是。您可以更改服務器配置或使用某種代理(可能是您自己的服務器和PHP腳本,它用作其他服務器的代理)。 – Sirko

回答

0

由於這是一個x域請求,並且您無權訪問服務器設置,因此可以指示jquery執行JSONP請求(即wordpress json api也支持)。

這是因爲使用你有確切的代碼,但改變網址一樣簡單:

http://wetu.co.zw/newsapp/?json=get_recent_posts&count=10&callback=? 
+0

謝謝!這工作完美! – babusi