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

最新推荐文章于 2024-12-21 00:38:44 发布

擦肩而过

最新推荐文章于 2024-12-21 00:38:44 发布

阅读量2k

点赞数

分类专栏： js ajax jQuery easyui

js ajax jQuery easyui 专栏收录该内容

13 篇文章

订阅专栏

为保证系统数据安全，前后台数据访问有授权与验证，Token机制支持跨域访问。在RESTful API里，验证可用POST或GET请求。这里介绍在ajax请求标头加Token的方法，需获得浏览器存储的用户信息和授权的Token。

摘要生成于 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

function GetDateForServiceCustomer(userId) {
    $.ajax({
        url: 'http://*******/api/orders',
        data: {
            currUserId: userId,
            type: 1
        },
        beforeSend: function(request) {
            request.setRequestHeader("Authorization", token);
        },
        dataType: 'JSON',
        async: false,//请求是否异步，默认为异步
        type: 'GET',
        success: function (list) {
        },
        error: function () {
        }
    });
}