Question

我尝试使用JSON API插件从Wordpress网站创建一个简单的帖子提要，当JSON url返回数据时，当我尝试使用jquery解析网址时，它什么都不做。当我将数据复制到JSON文件并在我的Mustache模板中使用它时它可以工作，所以我知道故障不在于模板。可能是因为我试图解析来自另一个域的数据吗？

我的代码如下所示：

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>

请帮助，谢谢。

Answer 1

因为这是一个x-domain请求，并且您无法访问服务器设置，所以可以指示jquery执行JSONP请求（wordpress json api也支持）。

这就像使用您拥有的确切代码一样简单，但将网址更改为：

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

无法使用jQuery解析来自Wordpress JSON api的JSON数据

1 个答案: