解决ie9以下的跨域问题

问题描述

网站中搜索页面输入关键词后，通过 jquery.ajax 加载数据， chrome, firefox, IE10+ 都可以顺利加载数据，但是IE9及以后版本不执

产生此问题的原因

通过执行 jquery.ajax error 函数显示未执行 拒绝访问

解决方法

在 jquery.ajax 调用前写 

jQuery.support.cors
= true

 （仅此法无法解决）
针对 拒绝访问 是由于浏览器安全机制导致的，解决方法为

点击IE浏览器的的“工具->Internet
选项->安全->自定义级别”将“其他”选项中的“通过域访问数据源”选中为“启用”或者“提示”，点击确定就可以了

（但是此法需要用户自行设置不太现实）
（推荐）对于浏览器跨域 

IE10+
才支持withCredentials属性

，

IE9- 不支持，跨域对象只能用XDomainRequest对象，而jQuery并不兼容XDomainRequest..

 针对此方法网络上有解决的插件 

jQuery-ajaxTransport-XDomainRequest

使用插件需要注意的事项

CORS requires the 

Access-Control-Allow-Origin

 header
to be present in the AJAX response from the server.

Only GET or POST
When POSTing, the data will always be sent with a 

Content-Type

 of 

text/plain

Only HTTP or HTTPS
Protocol must be the same scheme as the calling page

Always asynchronous

[来自插件说明]

结合网站上的事项

网站上的请求为 

GET

请求的服务端设置 

header("Content-type:
text/html; charset=utf-8"); header('Access-Control-Allow-Origin: *');

请求到的数据格式为 

html

jquery.ajax 参数需要设置 

dataType:
html

[参考]
jQuery 在ie9下 报 no transport 错误
IE9版本以下ajax 跨域问题可行解决方法
IE8 jquery ajax获取静态资源报错TypeError 拒绝访问
jQuery-ajaxTransport-XDomainReques