ajax中传递token的两种方法

开着拖拉机寻找春天

于 2020-11-30 14:19:47 发布

阅读量3.6k

点赞数 3

本文链接：https://blog.youkuaiyun.com/weixin_37842058/article/details/110387380

版权

这篇博客介绍了如何在jQuery的$.ajax方法中设置请求头，包括直接在headers对象中定义和使用beforeSend函数动态设置token和Content-Type，确保了数据交互的安全性和正确性。

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

放在请求头中

 $.ajax({
                type: "post",
                url: "http:///test/getInfo",
                headers: {      //请求头
                    Accept: "application/json; charset=utf-8",
                    token: "" + token  //这是获取的token
                },
                data:JSON.stringify(jsonDate),
                contentType: "application/json",  //推荐写这个
                dataType: "json",
                success: function(data){
                	console.log('ok');
                },
                error:function(){
                    console.log('error');
                }
            })

使用beforeSend方法设置请求头

 $.ajax({
                type: "post",
                url: "http://aliyun.seatang.cn:8080/onlinejudge/test/getInfoById",
                beforeSend: function(request) {      //使用beforeSend
                    request.setRequestHeader("token", token);
                     request.setRequestHeader("Content-Type","application/json");
                 },
                data:JSON.stringify(jsonDate),
                dataType: "json",
                success: function(data){
                    console.log('ok');
                },
                error:function(){
                    console.log('error');
                }
            })