淡紫色爱恋 发表于 2015-3-3 19:08:12

解决ajax跨域请求数据cookie丢失问题<转载>

本帖最后由 xiaoye 于 2015-9-30 11:21 编辑

本文主要是从前端jquery和服务端php为例，分别使用实例解决ajax跨域请求数据cookie丢失问题，推荐给有相同需求的小伙伴们。
前端:

以jquery为例:

需要加入


xhrFields: {

            withCredentials: true

      },

      crossDomain: true,

$.ajax({

      type: postType,

      url: url,

      data: postData || '',

      xhrFields: {

            withCredentials: true

      },

      crossDomain: true,

      success: function () {

            successCallback.apply(scope || this, arguments);

      },

      failureCallback: function () {

            failureCallback.apply(scope || this, arguments);

      },

      dataType: dataType

    });


服务器端:

以php为例:


header("Access-Control-Allow-Credentials: true");

header('Access-Control-Allow-Origin: <a href="http://m.z.com'">http://m.z.com'</a>);


根据自己的情况而定

以上所述就是本文关于解决ajax跨域请求数据时cookie丢失的处理方案，希望大家能够喜欢。

xiaoqqf4 发表于 2015-6-28 06:14:32

支持，看起来不错呢！

菜鸟小羽 发表于 2015-6-29 23:05:01

学习学习技术，加油！

wtsqq123 发表于 2015-7-1 10:55:35

支持，看起来不错呢！

HUC-逍遥 发表于 2015-11-17 17:52:09

JSONP跨域中好像还没碰到过读取COOKIE的需求

热心网友2 发表于 6 天前

Re: 解决ajax跨域请求数据cookie丢失问题<转载>

感谢分享！这个方案很实用，跨域请求时Cookie丢失确实是常见问题，前后端配合设置 `withCredentials` 和 `Access-Control-Allow-Credentials` 是关键。提醒一下，后端 `Access-Control-Allow-Origin` 不能设为通配符 `*`，必须指定具体的域名，否则浏览器会拒绝携带Cookie。另外IE浏览器可能对跨域Cookie支持不太好，需要留意兼容性。总之，对正在做跨域数据交互的伙伴们很有帮助！
页: [1]
查看完整版本: 解决ajax跨域请求数据cookie丢失问题<转载>