跨域请求之html5跨域资源共享
作者:edwin
日期:2015-06-10 20:43:05
所属分类:前端 - javascript

HTML 5的概念形成后,W3C开始考虑标准化XMLHttpRequest接口,该接口使得Javascript可以进行HTTP(S)通信。

目前新版本为XMLHttpRequest Level 2, 最近一次草案时间为2014年5月26日,第二版支持跨域请求

接口

Chrome,Firefox,Opera与Safari都使用XMLHttpRequest2对象

Internet Explorer使用XDomainRequest对象,与XMLHttpRequest相比有所不同


浏览器支持情况

Chrome 3+
Firefox 3.5+
Opera 12+
Safari 4+
Internet Explorer 8+


实现方法之简单请求

其实现分为简单请求和非简单请求两类,非简单请求在发送真实请求前会先进行检测请求。

本方法暂只简单介绍简单请求,非简单请求暂不说明

简单请求只支持HEAD, GET, POST方法,

且HTTP头只能包含以下信息:

      . Accept
      . Accept-Language
      . Content-Language
      . Last-Event-ID
      . Content-Type,但只能是以下可选值之一
         . application/x-www-form-urlencoded
         . multipart/form-data
         . text/plain


1. 使用前需先配置服务端脚本的响应头,有如下几个选项

      1. Access-Control-Allow-Origin:http://api.xxx.com

           . 必选

           . 该选项指允许来自http://api.xxx.com源的访问,支持通配符*,不建议使用

2. 通过同源ajax方法向服务端脚本发送请求

3. finish!


评论

全部评论 / 0