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各浏览器中option元素的表现差异
Apr 07 Javascript
javascript正则表达式之search()用法实例
Jan 19 Javascript
JQuery中层次选择器用法实例详解
May 18 Javascript
AngularJS实现全选反选功能
Dec 08 Javascript
jQuery.form插件的使用及跨域异步上传文件
Apr 27 Javascript
Vuejs第十三篇之组件——杂项
Sep 09 Javascript
BootStrap 下拉菜单点击之后不会出现下拉菜单(下拉菜单不弹出)的解决方案
Dec 14 Javascript
AngularJS使用ng-inlude指令加载页面失败的原因与解决方法
Jan 19 Javascript
微信小程序中用WebStorm使用LESS
Mar 08 Javascript
js删除数组中的元素delete和splice的区别详解
Feb 03 Javascript
微信公众号服务器验证Token步骤图解
Dec 30 Javascript
JavaScript常用进制转换及位运算实例解析
Oct 14 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
Laravel5.7 Eloquent ORM快速入门详解
2019/04/12 PHP
如何让PHP编码更加好看利于阅读
2019/05/12 PHP
bcastr2.0 通用的图片浏览器
2006/11/22 Javascript
转自Jquery官方 jQuery1.1.3发布,速度提升800%,体积保持20K
2007/08/19 Javascript
Javascript 获取LI里的内容
2008/12/17 Javascript
javascript 计算两个整数的百分比值
2009/12/26 Javascript
jquery中animate的stop()方法作用实例分析
2015/01/30 Javascript
JavaScript返回网页中锚点数目的方法
2015/04/03 Javascript
JavaScript中调用函数的4种方式代码实例
2015/07/08 Javascript
JavaScript中函数(Function)的apply与call理解
2015/07/08 Javascript
JavaScript高级教程5.6之基本包装类型(详细)
2015/11/23 Javascript
JavaScript引用类型和基本类型详解
2016/01/06 Javascript
AngularJS的ng Http Request与response格式转换方法
2016/11/07 Javascript
javascript判断元素存在和判断元素存在于实时的dom中的方法
2017/01/17 Javascript
拖动时防止选中
2017/02/03 Javascript
详解angular中的作用域及继承
2017/05/31 Javascript
Vue的实例、生命周期与Vue脚手架(vue-cli)实例详解
2017/12/27 Javascript
React如何实现浏览器打印部分内容详析
2019/05/19 Javascript
javascript 原型与原型链的理解及实例分析
2019/11/23 Javascript
多版本Python共存的配置方法
2017/05/22 Python
决策树剪枝算法的python实现方法详解
2019/09/18 Python
浅谈Python中re.match()和re.search()的使用及区别
2020/04/14 Python
使用python matploblib库绘制准确率,损失率折线图
2020/06/16 Python
python+requests接口自动化框架的实现
2020/08/31 Python
CSS实现进度条和订单进度条的示例
2020/11/05 HTML / CSS
新加坡网上花店:FlowerAdvisor新加坡
2018/10/05 全球购物
美国家居装饰店:Pier 1
2019/09/04 全球购物
幼儿园秋游活动方案
2014/01/21 职场文书
30年同学聚会邀请函
2014/01/25 职场文书
法定代表人授权委托书
2014/04/04 职场文书
建筑学专业自荐书
2014/07/09 职场文书
2014年科协工作总结
2014/12/09 职场文书
碧霞祠导游词
2015/02/09 职场文书
大学生毕业个人总结
2015/02/15 职场文书
大国崛起英国观后感
2015/06/02 职场文书
go设置多个GOPATH的方式
2021/05/05 Golang