jquery ajax crossDomain不能在IE下使用

  1. 代码如下:

    

$.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的方式




你可能感兴趣的:(jsonp,跨域,jquery)