Ajax跨域post请求后端无法获取登录态原因及解决办法

遇到个小坑，印象中不是第一次遇到了，记录一下：前后端分离时前端、后端不在同一个子域，跨域post请求后端无法获取登录态。

原因

后端通过cookie验证用户是否登录，跨域post不会自动携带上cookie，因此验证失败。

解决办法

手动设置请求带上cookie即可，支持版本：jQuery 1.5.1+：

$.ajax({url:'//xxx.37games.com/xxx',type:'post',dataType:'JSON',xhrFields: {withCredentials: true}, // 设置后，发送请求会带上当前主域的cookiedata:{......
})

网上很多文章说要加上设置项crossDomain: true，其实是多余的。可以参考下官网文档中对于crossDomain的介绍，如下图：

跨域时它的值默认就是true，没必要设置。

Ajax跨域post请求后端无法获取登录态原因及解决办法相关推荐

php图片上传怎么跨域,ajax跨域上传图片（后端php）完整例子
1.html内容: 上传截图: 成功文件: 2.js代码: function uploadImage(){ //获取图片 var file = $('#uploadFile')[0].files[0] ...
ajax跨域解决方案
一.什么是AJAX? Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术.Ajax 允许在不干扰 ...
[jQuery基础] jQuery案例 -- qq音乐以及初步解决Ajax 跨域问题
qq音乐案例案例效果展示案例效果结构划分整体布局歌曲条目部分顶部栏底部栏歌词显示部分案例实现功能 a. QQ音乐播放器静态页面布局 * 页面整体布局规划和实现 * 页面顶部布局和静态效 ...
Ajax跨域访问抱错原因：CORS 头缺少 ‘Access-Control-Allow-Origin‘
当Ajax跨域访问,明明已经获取到访问的json数据但是浏览器报错CORS 头缺少 'Access-Control-Allow-Origin' : 解决方式一: 过滤器 package com.xet ...
使用SpringMVC解决Ajax跨域问题
使用SpringMVC解决Ajax跨域问题参考文章: (1)使用SpringMVC解决Ajax跨域问题 (2)https://www.cnblogs.com/mengyao/p/6294787.ht ...
jsonp解决ajax跨域问题,用JSONP解决ajax跨域问题
JSONP:JSON With Padding 要点: 1.script标签 2.用script标签加载资源是没有跨域问题的概要: 在资源加载进来之前先定义一个函数,这个函数接受一个参数(数据),函 ...
ajax获得header信息,关于jquery ajax跨域请求获取response headers问题
背景:最近项目jwt用户认证方式,关于jwt本人就不再赘述,大家可自行百度. jwt token基本流程是这样的: 用户使用用户名密码来请求服务器服务器进行验证用户的信息服务器通过验证发送给用户一 ...
jQuery使用ajax跨域请求获取数据
jQuery使用ajax跨域请求获取数据跨域是我在日常面试中经常会问到的问题,这词在前端界出现的频率不低,主要原因还是由于安全限制(同源策略, 即JavaScript或Cookie只能访问同域下的内 ...
jQuery中的ajax、jquery中ajax全局事件、load实现页面无刷新局部加载、ajax跨域请求jsonp、利用formData对象向服务端异步发送二进制数据，表单序列化（异步获取表单内容）
jQuery中使用ajax: 在jQuery中使用ajax首先需要引入jQuery包,其引入方式可以采用网络资源,也可以下载包到项目文件中,这里推荐下载包到文件中:市面上有多个版本的jQuery库,这 ...

Ajax跨域post请求后端无法获取登录态原因及解决办法

原因

解决办法

Ajax跨域post请求后端无法获取登录态原因及解决办法相关推荐

最新文章

热门文章