ajax携带cookie的两种方式

不念不忘少年蓝@ 2023-05-28 06:58 14阅读 0赞

**1.  Ajax携带cookie的两种方式**

场景：

后台需要前端的ajax请求携带上cookie值，因为cookie上面有用户的userId的加密信息或者是token。

解决步骤：

1、服务器方面，添加@CrossOrigin注解到controller层上。-----》解决服务端允许前端跨域问题。

2、前端方面：必须要注意的点是：浏览器的同源策略问题----》就是域名必须要一致，否则，ajax是不会携带非同源的cookie的。-----》怎样解决这个同源的问题呢？-----》如果前端同事懂的话，可以用node.js去配置代理---》如果是后台同事懂的话，可以用nginx去配置反向代理------》目的是：让域名保持一致！！！！！

**ajax请求**

a.  第一种

$.ajax({
    
    　　　　url: 'www.baidu.com',
    
    　　　　type: 'post',
    
    　　　　data: '',
    
    　　　　//  默认情况下，标准的跨域请求是不会发送cookie的
    
    　　　　xhrFields: {
    
    　　　　　　withCredentials: true
    
    　　　　},
    
    　　　　success: (rs) {
    
    　　　　}
    
    　　})

b.  第二种 /  因为有时候第一种情况cookie也是携带不过去的，可以通过fiddle 4抓包看

$.ajax({
    
    　　　　url: 'www.baidu.com',
    
    　　　　type: 'post',
    
    　　　　data: '',
    
    　　　　//  默认情况下，标准的跨域请求是不会发送cookie的
    
    　　　　beforeSend: function (xhr) {
    
    　　　　　　xhr.withCredentials = true
    
    　　　　},
    
    　　　　success: (rs) {
    
    　　　　}
    
    　　})

发表评论取消回复

表情：

评论列表（有 0 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读

相关 Cookie 携带路径详解

Cookie携带路径详解使用`cookie.setPath()`可以设置cookie的携带路径，如果不设置默认也会有一个携带路径，默认为当前路径的上一级路径啥意思

╰+攻爆jí腚メ/ 2023年06月16日 02:18/ 0 赞/ 128 阅读

相关 ajax携带cookie的两种方式

1. Ajax携带cookie的两种方式　　场景：　　后台需要前端的ajax请求携带上cookie值，因为cookie上面有用户的userId的加密信息或者是toke

不念不忘少年蓝@/ 2023年05月28日 06:58/ 0 赞/ 15 阅读

相关数据的两种存储方式 cookie和session

一：什么是cookie 1、cookie是在服务端创建 2、cooki是保存在浏览器这一端 3、cookie的生命周期可以通过 cookie.setMaxAge(2

叁歲伎倆/ 2022年11月20日 02:57/ 0 赞/ 174 阅读

相关 Ajax+PHP实现跨域访问的两种方式

1.兼容IE浏览器的方法，在Ajax请求的时候使用jsonp： $("search").click(function() { $.ajax({

阳光穿透心脏的1/2处/ 2022年08月20日 14:08/ 0 赞/ 280 阅读

相关 ajax跨域访问的两种方式

讲跨域访问之前，先要了解一个概念：同源策略同源策略指的是，当一台电脑去访问一个服务器的时候，它们两的主机地址（ip）、协议名、端口都一致时，叫同源策略；反之只要有

谁借莪１个温暖的怀抱￠/ 2022年06月17日 08:22/ 0 赞/ 329 阅读

相关携带Cookie登入

有些网站页面的内容是需要登入后才能看到的，若直接访问此地址则会跳转到登入界面提示你需要登入，通过携带cookie这种方式可以将已经登入过的cookie记录记录下来，进行访问

约定不等于承诺〃/ 2022年06月07日 01:15/ 0 赞/ 306 阅读

相关 curl携带jsession方式请求,获取cookie等

curl携带jsession方式请求,获取cookie \--正常方式 curl --insecure -H "Content-Type: application/json

ゞ浴缸里的玫瑰/ 2022年06月06日 11:38/ 0 赞/ 348 阅读

相关 AJAX中服务器响应请求的两种方式

先来说一下几种常见的状态码：（１）readyState状态码： 0：请求未初始化 1：服务器连接已建立 2：请求已接收 3：请求处理中 4：请求已完成，且响应

我不是女神ヾ/ 2022年05月16日 08:20/ 0 赞/ 244 阅读

相关两种Ajax写法

Ajax:(Asynchronous Javascript And XML)简称为异步的js和xml js中有两种写法： //原生js写法 functio

﹏ヽ暗。殇╰゛Y/ 2022年03月28日 15:11/ 0 赞/ 368 阅读

相关 ajax的两种写法

一、原生ajax的实现 1.什么是ajax？ ajax是异步的javas和xml（ Asynchronous JavaScript And XML）。通过在后台与服务器

古城微笑少年丶/ 2022年03月27日 05:37/ 0 赞/ 416 阅读