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 11 Javascript
XML+XSL 与 HTML 两种方案的结合
Apr 22 Javascript
学习ExtJS accordion布局
Oct 08 Javascript
javascript学习(一)构建自己的JS库
Jan 02 Javascript
javascript full screen 全屏显示页面元素的方法
Sep 27 Javascript
jQuery获取及设置表单input各种类型值的方法小结
May 24 Javascript
深入理解angularjs过滤器
May 25 Javascript
关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)
Dec 14 Javascript
微信小程序左滑删除效果的实现代码
Feb 20 Javascript
如何使用vuex实现兄弟组件通信
Nov 02 Javascript
vue实现父子组件之间的通信以及兄弟组件的通信功能示例
Jan 29 Javascript
详解Vue中的基本语法和常用指令
Jul 23 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下使用SMTP发邮件的代码
2008/01/10 PHP
php插入中文到sqlserver 2008里出现乱码的解决办法分享
2012/07/19 PHP
PHP mail()函数使用及配置方法
2014/01/14 PHP
PHP利用缓存处理用户注册时的邮箱验证,成功后用户数据存入数据库操作示例
2019/12/31 PHP
js+css实现增加表单可用性之提示文字
2013/06/03 Javascript
jquery图片滚动放大代码分享(1)
2015/08/25 Javascript
AngularJS基础教程之简单介绍
2015/09/27 Javascript
jQuery无刷新分页完整实例代码
2015/10/27 Javascript
js实现带农历和八字等信息的日历特效
2016/05/16 Javascript
Angular ng-class详解及实例代码
2016/09/19 Javascript
js实现控制textarea输入字符串的个数,鼠标按下抬起判断输入字符数
2016/10/25 Javascript
js动态引入的四种方法
2018/05/05 Javascript
vue-cli 引入jQuery,Bootstrap,popper的方法
2018/09/03 jQuery
微信小程序实现消息框弹出动画
2020/04/18 Javascript
在vue中created、mounted等方法使用小结
2020/07/21 Javascript
解决vuex数据页面刷新后初始化操作
2020/07/26 Javascript
vue+canvas实现拼图小游戏
2020/09/18 Javascript
vue中h5端打开app(判断是安卓还是苹果)
2021/02/26 Vue.js
利用Python绘制MySQL数据图实现数据可视化
2015/03/30 Python
Python解决pip install时出现的Could not fetch URL问题
2019/08/01 Python
解决python3 requests headers参数不能有中文的问题
2019/08/21 Python
Python中的list与tuple集合区别解析
2019/10/12 Python
Django生成PDF文档显示网页上以及PDF中文显示乱码的解决方法
2019/12/17 Python
TensorFlow2.0:张量的合并与分割实例
2020/01/19 Python
Anconda环境下Vscode安装Python的方法详解
2020/03/29 Python
python 实现IP子网计算
2021/02/18 Python
突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述
2013/01/31 HTML / CSS
KARATOV珠宝在线商店:俄罗斯珠宝品牌
2019/03/13 全球购物
Conforama西班牙:您的家具、装饰和电器商店
2020/02/21 全球购物
经贸日语专业个人求职信
2013/12/13 职场文书
优秀信贷员先进事迹
2014/01/31 职场文书
装修设计师求职信
2014/02/26 职场文书
企业理念标语
2014/06/09 职场文书
公司业务员管理制度
2015/08/05 职场文书
详解分布式系统中如何用python实现Paxos
2021/05/18 Python
Windows server 2012 R2 安装IIS服务器
2022/04/29 Servers