欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Jquery Ajax使用Token验证身份

程序员文章站 2022-04-17 16:53:57
...
因为最近做了几个后台,所以经常会涉及到Token验证身份操作后台,所以这里记录一个如何向后台传请求头和Token。
success:function(dat){
                    console.log(dat);                        
                    if(dat.code==1){
                            sessionStorage.setItem('token',dat.data.access_token);                            //这里设置缓存存储Token
                            sessionStorage.setItem('user',userName);
                            location.href = "index.html";
                        }else{
                            $(".tip2").html("用户名或密码错误");
                        }
                }
function edit(obj,obj1,url){//要关闭的弹框类名 form表单id 编辑接口
    var token1 ='basic '+ window.sessionStorage.token;    //这里的格式是按后台要求的  通过缓存读取Token
    var url = browerUrl+url;    
    var obj1 = "#"+obj1;    
    var formData = new FormData($(obj1)[0]);    
    for(var x of formData){
        console.log(x)
    }
    $.ajax({
        type:"post",
        async:true,
        cache: false,
        contentType: false,
        processData: false,
        url:url,
        data:formData,        //在请求前设置请求头 在请求头里面设置设置请求头的信息
        beforeSend: function(request) {
                        request.setRequestHeader("Authorization", token1);
                    },        //或者直接设置请求头
        //headers:{"Authorization", token},
        success:function(dat){
            console.log(dat);            
            if(dat.code==1){
                messageShow("操作成功");
                tanClose(obj);
                setTimeout(reload(),3000);
            }            else if(dat.code==309){
                backHome();
            }            else{
                console.log(dat.msg);
            }

        }
    })
}

以上就是Jquery Ajax使用Token验证身份的详细内容,更多请关注其它相关文章!

相关标签: Jquery Token Ajax