使用Jquery加载JSON数据

Question

我正在尝试按照本教程：http://www.9lessons.info/2009/10/json-jquery-ajax-php.html

这是我的代码：http://jsfiddle.net/9ujd8s8r/1/

为什么它不会使用此代码将JSON数据加载到页面中？

$(function () {
    $(".load").click(function () {
        $.getJSON("http://demos.9lessons.info/data.json", function (data) {
            $.each(data.posts, function (i, data) {
                var div_data = "<div class='box'><a href='" + data.url + "'>" + data.title + "</a></div>";

                $(div_data).appendTo("#9lessonsLinks");
            });
        });
        return false;
    });


});

Answer 1

检查控制台是否有错误。显示以下错误：

  

XMLHttpRequest无法加载http://demos.9lessons.info/data.json。没有   请求中存在“Access-Control-Allow-Origin”标头   资源。因此不允许来源“http://fiddle.jshell.net”   访问。

有关详细信息，请参阅"No 'Access-Control-Allow-Origin' header is present on the requested resource"。

Answer 2

您的代码似乎正确无误。这是跨域的问题。您尝试访问另一个尚未定义的服务器中的资源。

  

http://jquery-howto.blogspot.fr/2013/09/jquery-cross-domain-ajax-request.html