0

我正在尝试使用 ajax 访问跨域 .js 文件：

$.ajax({
    type:'get',
    crossDomain:true,
    url: "http://localhost/62588/scripts/bootStrapper.js",
    contentType: "application/json",
    dataType: 'jsonp'    
}).done(callback);

我现在有一个回调：

getBootStrapperScript(function (callback) {         
       //do somethibg
})

我收到以下错误：

XMLHttpRequest cannot load http://localhost/62588/scripts/bootStrapper.js. Origin http://localhost:62607 is not allowed by Access-Control-Allow-Origin.

我一直在阅读有关 JSONP 的信息，但我不确定如何使用它从另一个域加载 .js 文件。

如果我将上面的代码更改为使用“jsonp”作为数据类型，但我会得到这个错误：

GET http://localhost/62588/scripts/bootStrapper.js?callback=jQuery18206067646441515535_1354459693160&_=1354459696966 404 (Not Found)

如何加载跨域js文件？

4

1 回答 1

6

不要使用任何 AJAX，只需使用以下$.getScript功能：

$.getScript('http://localhost/62588/scripts/bootStrapper.js').done(callback);

如您所知，您可以将<script>标签指向您希望的任何域，而不会违反同源策略。这就是 JSONP 的基础。但是您不需要任何 JSONP，因为您所需要的只是从远程域中引用一个脚本，这就像将<script>标签指向该脚本一样简单，或者如果您想动态地使用$.getScriptjQuery 提供的功能你。

更新：

该$.getScript函数会将随机缓存破坏参数附加到 url。如果您想获得脚本的缓存版本，您可以定义一个自定义cachedScript 函数，如文档中所示：

jQuery.cachedScript = function(url, options) {
    options = $.extend(options || {}, {
        dataType: 'script',
        cache: true,
        url: url
    });
    return jQuery.ajax(options);
};

接着：

$.cachedScript('http://localhost/62588/scripts/bootStrapper.js').done(callback);
于 2012-12-02T15:01:38.777 回答