ajax开发：ajax请求后台时在请求标头RequestHeader加token

最新推荐文章于 2024-09-04 17:06:27 发布

原创最新推荐文章于 2024-09-04 17:06:27 发布 · 961 阅读

0 ·

CC 4.0 BY-SA版权

ajax开发专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种在Ajax请求中使用Token进行身份验证的方法。通过将Token放置在请求头中，实现前后端交互的安全性增强。文章展示了如何从浏览器存储中获取用户信息及Token，并在发起GET请求前设置请求头。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

情景：为了保证系统数据的安全性，一般前后台之间的数据访问会有授权与验证，这里的Token机制相对于Cookie支持跨域访问，在RESTful API里面，验证一般可以使用POST请求来通过验证，使服务端发送带有token的响应。或者，使用GET请求，这需要参数提供凭证（指URL），或者请求头里带有token。

此处为上述的第二种方法：在ajax请求的标头中加Token

1 var str = sessionStorage.getItem("userInfo");
2 var currUser = JSON.parse(str);
3 var userId = currUser["userID"];
4 var token = 'Bearer ' + currUser.token;

获得浏览器存储的用户信息和授权的Token

 1 function GetDateForServiceCustomer(userId) {
 2     $.ajax({
 3         url: 'http://*******/api/orders',
 4         data: {
 5             currUserId: userId,
 6             type: 1
 7         },
 8         beforeSend: function(request) {
 9             request.setRequestHeader("Authorization", token);
10         },
11         dataType: 'JSON',
12         async: false,//请求是否异步，默认为异步
13         type: 'GET',
14         success: function (list) {
15         },
16         error: function () {
17         }
18     });
19 }