HTML5 AJAX跨域请求
16lz
2021-01-22
HTML5新的标准中,增加了” Cross-Origin Resource Sharing”特性,这个特性的出现使得跨域通信只需通过配置http协议头来即可解决。
Cross-Origin Resource Sharing 详细解释见:
http://dvcs.w3.org/hg/cors/raw-file/tip/Overview.html
Cross-Origin Resource Sharing实现的最重要的一点就是对参数” Access-Control-Allow-Origin”的配置,即通过次参数检查该跨域请求是否可以被通过。
如:Access-Control-Allow-Origin:http://a.com表示允许a.com下的域名跨域访问;
Access-Control-Allow-Origin:*表示允许所有的域名跨域访问。
如果需要读取读取cookie:
需要配置参数:Access-Control-Allow-Credentials:true
同时在xhr发起请求的时候设置参数withCredentials为true:
var xhr = new XMLHttpRequest();
xhr.open();
xhr.withCredentials = true; //这个放在xhr.open后面执行,否则有些浏览器部分版本会异常,导致设置无效。
JS:
varxhr =newXMLHttpRequest(); ;更多相关文章
- 小强的HTML5移动开发之路(53)——jQueryMobile页面间参数传递
- IE旧版本如何让HTML4转换并且支持HTML5的新特性。
- 【转载】HTML5 中的一些新特性
- php 带参数以post方式跳转
- 如何解析命令行字符串来使用regex获取每个参数?
- 如何在Laravel 5表单请求中使用请求路由参数?
- 如何在角度js中获取url参数
- PHP5.4.0新特性研究
- 如何添加动态参数