Jquery getJSON 无法跨站点工作

Question

我有一段 javascript 可以抓取 JSON 数据。当在本地执行时，一切似乎都工作正常。但是，当我尝试从其他站点访问它时，它不起作用。

这是脚本。

$(function(){
    var aT = new AjaxTest();
    aT.getJson();
});

var AjaxTest = function()
{
    this.ajaxUrl = "http://mydeveloperpage.com/sandbox/ajax_json_test/client_reciever.php";

    this.getJson = function(){
        $.getJSON(this.ajaxUrl, function(data){
            $.each(data, function(i, piece){
                alert(piece);
            });
        });
    }
}

您可以在“http://mydeveloperpage.com/sandbox/ajax_json_test/< 找到完全相同文件的副本/a>”。

任何帮助将不胜感激。

谢谢！

Answer 1

来自 文档：

• 由于浏览器安全限制，大多数“Ajax”请求都受到同源策略的约束； 请求无法成功检索来自不同域、子域或协议的数据。

• 脚本和 JSONP 请求不受同源策略限制。

您将需要使用 JSONP 来绕过同源策略。 jQuery 可以实现这一点无缝（请参阅上述文档页面的其余部分）。