使用withCredentials发送跨域请求凭据

来源：互联网发布：程序员简历自我评价编辑：程序博客网时间：2024/05/16 05:38

cookieCORSwithCredentialsXMLHttpRequest 2

详见我的博客：http://www.zawaliang.com/2013/02/186.html

默认情况下，标准的跨域请求是不会发送cookie等用户认证凭据的，XMLHttpRequest 2的一个重要改进就是提供了对授信请求访问的支持。

本地模拟www.zawaliang.com向www.xxx.com发送带cookie的认证请求，我们需求做以下几步工作：

默认情况下widthCredentials为false，我们需要设置widthCredentials为true：

var xhr = new XMLHttpRequest();xhr.open('GET', 'http://www.xxx.com/api');xhr.withCredentials = true;xhr.onload = onLoadHandler;xhr.send();

请求头，注意此时已经带上了cookie：

GET http://www.xxx.com/api HTTP/1.1Host: www.xxx.comUser-Agent: Mozilla/5.0 (Windows NT 5.1; rv:18.0) Gecko/20100101 Firefox/18.0Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8Accept-Language: en-us,en;q=0.5Accept-Encoding: gzip, deflateDNT: 1Referer: http://www.zawaliang.com/index.htmlOrigin: http://www.zawaliang.comConnection: keep-aliveCookie: guid=1

设置服务端响应头：

Access-Control-Allow-Credentials: true

如果服务端不设置响应头，响应会被忽略不可用；同时，服务端需指定一个域名（Access-Control-Allow-Origin:www.zawaliang.com），而不能使用泛型（Access-Control-Allow-Origin: *）

响应头：

HTTP/1.1 200 OKDate: Wed, 06 Feb 2013 03:33:50 GMTServer: Apache/2X-Powered-By: PHP/5.2.6-1+lenny16Access-Control-Allow-Origin: http://www.zawaliang.comAccess-Control-Allow-Credentials: trueSet-Cookie: guid=2; expires=Thu, 07-Feb-2013 03:33:50 GMTContent-Length: 38Content-Type: text/plain; charset=UTF-8X-Cache-Lookup: MISS from proxy:8080

有一点需要注意，设置了widthCredentials为true的请求中会包含远程域的所有cookie，但这些cookie仍然遵循同源策略，所以你是访问不了这些cookie的。

Ref

Using CORS http://www.html5rocks.com/en/tutorials/cors/
Introduction to XMLHttpRequest Level 2 http://dev.opera.com/articles/view/xhr2/
HTTP access control (CORS) https://developer.mozilla.org/en-US/docs/HTTP/Access_control_CORS?redirectlocale=en-US&redirectslug=HTTP_access_control

详见我的博客：http://www.zawaliang.com/2013/02/186.htm

阅读全文

0 0