jquery中ajax跨域请求带上cookie数据

基于jq开发中使用ajax跨域数据请求,实现cookie携带代码详解!

1、跨域设置

crossDomain 跨域

  1. crossDomain: true,

2、cookie数据携带

  1. xhrFields: {
  2.     withCredentials: true
  3. },

xhrFields 大概的意思是,默认情况下,标准的跨域请求是不会发送cookie等用户认证凭据的。所以,当你再次访问远程api的时候,cookie是不会被带上的!

用XMLHttpRequest请求的时候,我们需要设置属性 withCredentials=true ;

3、一个完整ajax请求代码并携带cookie信息

      

  1. $.ajax({
  2.     type: 请求类型 get|post,
  3.     url: url地址,
  4.     xhrFields: {
  5.         withCredentials: true
  6.     },
  7.     crossDomain: true,
  8.     // contentType: "application/x-www-form-urlencoded; charset=utf-8",
  9.     contentType: 'application/json;charset=utf-8',
  10.     data: JSON.stringify(传递的数据),
  11.     success: function(){
  12. }
  13. });

以上便完成了跨域的请求及cookie参数的携带!

jquery中ajax跨域请求带上cookie数据

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.duanlonglong.com/qdjy/177.html