首页 > web前端 > js教程 > Jquery Ajax使用Token验证身份

Jquery Ajax使用Token验证身份

一个新手
发布: 2017-09-22 10:21:57
原创
3887 人浏览过

因为最近做了几个后台,所以经常会涉及到Token验证身份操作后台,所以这里记录一个如何向后台传请求头和Token。

1

2

3

4

5

6

7

8

9

10

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("用户名或密码错误");

                        }

                }

登录后复制

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

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验证身份的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板