代码如下:
$.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的一篇文章中找到:
也就是说IE8用的所谓XDomainRequest而非XMLHttpRequest, 但是JQuery只支持XMLHttpRequest... 所以想用IE的同学就断了这个念想吧...
目前最好的解决方式就是使用jsonp的方式