关于javascript：jQuery的ajax crossDomain属性的用法？

Usages of jQuery's ajax crossDomain property?

根据jQuery：

crossDomain (default: false for same-domain requests, true for
cross-domain requests) Type: Boolean If you wish to force a
crossDomain request (such as JSONP) on the same domain, set the value
of crossDomain to true. This allows, for example, server-side
redirection to another domain. (version added: 1.5)

我不理解以上内容。

如果代码是

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

$(document).ready(function ()
{
$.ajax(
{
url: 'http://es3.com/Handlers/MyHandler.ashx',
cache: false,
dataType:"jsonp",
...
...
});
});

function aaa(json)
{
alert(json.result);
}

然后指定datatype:jsonp，则响应将是application / javascript mime类型的，因为它是将在我的浏览器中运行的脚本。

当我在同一域中运行此代码时，我看不出为什么它不会那样工作。 (因此-我看不到此属性的用法)。

我做了一个样本

我有2个(已调整主机的)域。 es2.com和es3.com。

(注意，代码中的url始终是es3.com)。

测试#1：

运行es3.com中的代码：(左窗格)
从es2.com运行代码：(右窗格)
crossDomain:false(缺少时为默认值)。

看看差异：(http://i.stack.imgur.com/RKyZp.jpg)

enter object. Cross-domain"json" requests are converted to"jsonp" unless
the request includes jsonp: false in its request options

因为您使用的是jsonp而不是json，所以您的测试不会有任何区别。

When do I need to set the crossDomain property ?

如果您正在发出相同的域json请求，并且您的站点可能将请求重定向到另一个域以提供响应(通过HTTP 3XX)，则应将crossdomain属性设置为true，以便响应可以被调用脚本读取。

这为您提供了在发出相同原始请求时检索JSON的优点，以及在进行跨域请求时提供JSONP的功能。如果您重定向到的域上的CORS处于活动状态，则可以在请求选项中设置jsonp: false。

例子

从example.com向example.org发出请求。

crossdomain自动设置为true。
数据类型设置为jsonp。

结果：example.org返回的JSONP。

从example.com向example.com发出请求。

crossdomain自动设置为false。
数据类型设置为jsonp。

结果：example.com返回的JSONP。

从example.com向example.org发出请求。

crossdomain自动设置为true。
数据类型设置为json。

结果：example.org返回的JSONP。

从example.com向example.com发出请求。

crossdomain自动设置为false。
数据类型设置为json。

结果：example.com返回的JSON。

从example.com向example.org发出请求。

crossdomain自动设置为true。
数据类型设置为json。
jsonp设置为false。
example.org不支持example.com的CORS

结果：浏览器返回的CORS错误。

从example.com向example.com发出请求，example.com将AJAX重定向到example.edu。

crossdomain手动设置为true。
数据类型设置为json。

结果：example.edu返回的JSONP。

从example.com向example.org发出请求。

crossdomain自动设置为true。
数据类型设置为json。
jsonp设置为false。
example.org确实支持example.com的CORS

结果：example.org返回的JSON。

从example.com向example.com发出请求，example.com将AJAX重定向到example.edu。

crossdomain自动设置为false。
数据类型设置为json。
example.edu不支持example.com的CORS

结果：浏览器返回的CORS错误。

让我们假设您有另一个域spanish.es2.com，该域为您的网站的西班牙用户提供服务。

您具有以下要求：

在es2.com

上有一个网页

在es2.com上调用一个api，并向其传递一些用户信息(或cookie)，并获取一些用户数据。但是如果用户
如果是西班牙语，则需要为同一数据调用spanish.es2.com上的api。

对于西班牙用户，当您使用jQuery从es2.com到es2.com进行ajax请求时，

(a)禁用crossdomain：您的es2.com api将发现该用户是西班牙人，因此将http重定向到spanish.es2.com，由于ajax相同的域策略，该操作无法正常工作，而ajax会失败。重定向到ajax网址->不允许。

(b)启用crossdomain：es2.com api的jsonp响应实际上是作为package在函数中的脚本标签加载的，因此http重定向到其他域没有关系，并且内容仍在加载，因此，ajax可以正常工作。
重定向脚本标记的src->允许。

希望这很清楚。