代码如下:
$.ajax({
type:'post',
url:url,
data:data,
dataType:'json',
xhrFields: {
withCredentials: true
/*
与服务器中代码对应
response.addHeader("Access-Control-Allow-Credentials", "true");
response.addHeader("Access-Control-Allow-Origin", origin);
*/
},
crossDomain: true,
success:function(res){
//。。。
},
error:function(resData){
//。。。。
}
});
打开Chrome, 打开Fiddler, 访问页面, 点击按钮运行,,, ,,, ,,, 浏览器貌似正常, Fiddler得到一个HTTP200~! 唯一的遗憾是Chrome的Console会出现一个跨域的JS错误. 看来通过设置crossDomain=true确实可以进行跨域访问, 但是并不完美.
打开IE, 再次测试,,, 报错!? Fiddler中没有任何反应, 甚至连Request都没有发出去, 奇怪? googling... 在StackOverflow的一篇文章中找到:
http://stackoverflow.com/questions/3362474/jquery-ajax-fails-in-ie-on-cross-domain-calls
也就是说IE8用的所谓XDomainRequest而非XMLHttpRequest, 但是JQuery只支持XMLHttpRequest... 所以想用IE的同学就断了这个念想吧...
目前最好的解决方式就是使用jsonp的方式