jQury Ajax使用Token验证身份实例代码


Posted in Javascript onSeptember 22, 2017

因为最近做了几个后台,所以经常会涉及到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);
      }
    }
  })
}

最后祝大家少出bug

总结

以上所述是小编给大家介绍的jQury Ajax使用Token验证身份实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript编程起步(第四课)
Jan 10 Javascript
jquery tablesorter.js 支持中文表格排序改进
Dec 09 Javascript
基于jquery的loading 加载提示效果实现代码
Sep 01 Javascript
使用jquery实现的一个图片延迟加载插件(含图片延迟加载原理)
Jun 05 Javascript
jQuery实现向下滑出的二级菜单效果实例
Aug 22 Javascript
jQuery+PHP+MySQL实现无限级联下拉框效果
Feb 19 Javascript
JS 循环li添加点击事件 (闭包的应用)
Dec 10 Javascript
vue双向数据绑定原理探究(附demo)
Jan 17 Javascript
Vue内容分发slot(全面解析)
Aug 19 Javascript
axios取消请求的实践记录分享
Sep 26 Javascript
Javascript类型判断相关例题及解析
Aug 26 Javascript
JavaScript this关键字指向常用情况解析
Sep 02 Javascript
Angular将填入表单的数据渲染到表格的方法
Sep 22 #Javascript
详解在express站点中使用ejs模板引擎
Sep 21 #Javascript
vue router学习之动态路由和嵌套路由详解
Sep 21 #Javascript
vue-router 权限控制的示例代码
Sep 21 #Javascript
react router 4.0以上的路由应用详解
Sep 21 #Javascript
详解10分钟学会vue滚动行为
Sep 21 #Javascript
使用jQuery实现两个div中按钮互换位置的实例代码
Sep 21 #jQuery
You might like
PHP $_FILES中error返回值详解
2014/01/30 PHP
基于php的微信公众平台开发入门实例
2015/04/15 PHP
详解WordPress中分类函数wp_list_categories的使用
2016/01/04 PHP
html中的input标签的checked属性jquery判断代码
2012/09/19 Javascript
js动态设置div的值下例子
2013/10/29 Javascript
原生js和jquery中有关透明度设置的相关问题
2014/01/08 Javascript
关于jQuery判断元素是否存在的问题示例探讨
2014/07/21 Javascript
kindeditor编辑器点中图片滚动条往上顶的bug
2015/07/05 Javascript
js实现点击获取验证码倒计时效果
2021/01/28 Javascript
基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
2016/02/01 Javascript
JavaScript function函数种类详解
2016/02/22 Javascript
详解Javascript继承的实现
2016/03/25 Javascript
jQuery模拟select实现下拉菜单功能
2016/06/20 Javascript
JS实现页面跳转参数不丢失的方法
2016/11/28 Javascript
js+div+css下拉导航菜单完整代码分享
2016/12/28 Javascript
js控制文本框禁止输入特殊字符详解
2017/04/07 Javascript
Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解
2018/03/13 Javascript
bootstrap中日历范围选择插件daterangepicker的使用详解
2018/04/17 Javascript
JavaScript+H5实现微信摇一摇功能
2018/05/23 Javascript
Vue组件创建和传值的方法
2018/08/17 Javascript
详解webpack引用jquery(第三方模块)的三种办法
2019/08/21 jQuery
Python实现栈的方法
2015/05/26 Python
在Linux命令行终端中使用python的简单方法(推荐)
2017/01/23 Python
python opencv设置摄像头分辨率以及各个参数的方法
2018/04/02 Python
python3实现基于用户的协同过滤
2018/05/31 Python
Python编程在flask中模拟进行Restful的CRUD操作
2018/12/28 Python
python将字符串转换成json的方法小结
2019/07/09 Python
django多个APP的urls设置方法(views重复问题解决)
2019/07/19 Python
pip/anaconda修改镜像源,加快python模块安装速度的操作
2021/03/04 Python
通用求职信范文模板分享
2013/12/27 职场文书
园林资料员岗位职责
2013/12/30 职场文书
致铅球运动员广播稿精选
2014/01/12 职场文书
社区巾帼文明岗事迹材料
2014/06/03 职场文书
大学学习委员竞选稿
2015/11/20 职场文书
MySQL索引知识的一些小妙招总结
2021/05/10 MySQL
如何将JavaScript将数组转为树形结构
2021/06/02 Javascript