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 篱式条件判断
Aug 22 Javascript
js更优雅的兼容
Aug 12 Javascript
理解Javascript_13_执行模型详解
Oct 20 Javascript
用jquery生成二级菜单的实例代码
Jun 24 Javascript
EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
Mar 01 Javascript
node.js调用C++开发的模块实例
Jul 03 Javascript
JS 实现倒计时数字时钟效果【附实例代码】
Mar 30 Javascript
深入理解JavaScript中的浮点数
May 18 Javascript
浅谈AngularJs 双向绑定原理(数据绑定机制)
Dec 07 Javascript
小程序自定义导航栏兼容适配所有机型(附完整案例)
Apr 26 Javascript
JS数组降维的实现Array.prototype.concat.apply([], arr)
Apr 28 Javascript
vue 通过 Prop 向子组件传递数据的实现方法
Oct 30 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
Zend Studio 实用快捷键一览表(精心整理)
2013/08/10 PHP
php递归删除指定文件夹的方法小结
2015/04/20 PHP
php对二维数组进行相关操作(排序、转换、去空白等)
2015/11/04 PHP
关于laravel模板中生成URL的几种模式总结
2019/10/18 PHP
javascript编程起步(第二课)
2007/01/10 Javascript
input:checkbox多选框实现单选效果跟radio一样
2014/06/16 Javascript
jquery实现多行文字图片滚动效果示例代码
2014/10/10 Javascript
js实现点击添加一个input节点
2014/12/05 Javascript
JavaScript实现自动变换表格边框颜色
2015/05/08 Javascript
jquery实现全选和全不选功能效果的实现代码【推荐】
2016/05/05 Javascript
Bootstrap Table使用方法详解
2016/08/01 Javascript
AngularJS基于factory创建自定义服务的方法详解
2017/05/25 Javascript
Node.js 利用cheerio制作简单的网页爬虫示例
2018/03/01 Javascript
记一次Vue.js混入mixin的使用(分权限管理页面)
2019/04/17 Javascript
Vue拖拽组件列表实现动态页面配置功能
2019/06/17 Javascript
express框架中使用jwt实现验证的方法
2019/08/25 Javascript
vue动态子组件的两种实现方式
2019/09/01 Javascript
[47:10]完美世界DOTA2联赛PWL S3 LBZS vs Rebirth 第二场 12.16
2020/12/18 DOTA
Python中is与==判断的区别
2017/03/28 Python
在CentOS6上安装Python2.7的解决方法
2018/01/09 Python
Python实现正则表达式匹配任意的邮箱方法
2018/12/20 Python
python ddt数据驱动最简实例代码
2019/02/22 Python
简单了解python高阶函数map/reduce
2019/06/28 Python
Python自动发送和收取邮件的方法
2020/08/12 Python
python实现简单的学生管理系统
2021/02/22 Python
德国化妆品和天然化妆品网上商店:kosmetikfuchs.de
2017/06/09 全球购物
Berghaus官网:户外服装和设备,防水服
2020/01/17 全球购物
澳大利亚家居用品零售商:Harris Scarfe
2020/10/10 全球购物
eHarmony英国:全球领先的认真恋爱约会平台之一
2020/11/16 全球购物
一个SQL面试题
2014/08/21 面试题
如何写你的创业计划书
2014/01/07 职场文书
会计电算化个人求职信范文
2014/01/24 职场文书
2014年世界艾滋病日演讲稿
2014/11/28 职场文书
对公司的意见和建议
2015/06/04 职场文书
2016年社区植树节活动总结
2016/03/16 职场文书
如何使用SQL Server语句创建表
2022/04/12 SQL Server