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 设计模式学习 Factory
Jul 29 Javascript
jquery tools 系列 scrollable学习
Sep 06 Javascript
node.js中的favicon.ico请求问题处理
Dec 15 Javascript
javascript实现图片循环渐显播放的方法
Feb 24 Javascript
jQuery制作效果超棒的手风琴折叠菜单
Apr 03 Javascript
Javascript中With语句用法实例
May 14 Javascript
AngularJS控制器controller正确的通信的方法
Jan 25 Javascript
AngularJS基础 ng-mousemove 指令简单示例
Aug 02 Javascript
JS基于递归算法实现1,2,3,4,5,6,7,8,9倒序放入数组中的方法
Jan 03 Javascript
DWR3 访问WEB元素的两种方法实例详解
Jan 03 Javascript
基于Vuejs的搜索匹配功能实现方法
Mar 03 Javascript
React手稿之 React-Saga的详解
Nov 12 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
后宫无数却洁身自好的男主,唐三只爱小舞
2020/03/02 国漫
在Zeus Web Server中安装PHP语言支持
2006/10/09 PHP
PHP实现的策略模式简单示例
2017/08/25 PHP
基于php+MySql实现学生信息管理系统实例
2020/08/04 PHP
JavaScript 题型问答有答案参考
2010/02/17 Javascript
深入理解Javascript作用域与变量提升
2013/12/09 Javascript
jQuery中$.each使用详解
2015/01/29 Javascript
jQuery DataTables插件自定义Ajax分页实例解析
2020/04/28 Javascript
Angular中实现树形结构视图实例代码
2017/05/05 Javascript
bootstrap模态框远程示例代码分享
2017/05/22 Javascript
使用vue-router为每个路由配置各自的title
2018/07/30 Javascript
Bootstrap Table列宽拖动的方法
2018/08/15 Javascript
JS删除String里某个字符的方法
2021/01/06 Javascript
Vue实现小购物车功能
2020/12/21 Vue.js
[01:20:05]DOTA2-DPC中国联赛 正赛 Ehome vs VG BO3 第二场 2月5日
2021/03/11 DOTA
浅谈python import引入不同路径下的模块
2017/07/11 Python
python 编码规范整理
2018/05/05 Python
python 执行shell命令并将结果保存的实例
2018/05/11 Python
浅谈python3.6的tkinter运行问题
2019/02/22 Python
Python3自定义http/https请求拦截mitmproxy脚本实例
2020/05/11 Python
新西兰最大的品牌运动鞋购物网站:Platypus NZ
2017/10/27 全球购物
英国婴儿和儿童服装网站:Vertbaudet
2018/04/02 全球购物
Travelstart沙特阿拉伯:廉价航班、豪华酒店和实惠的汽车租赁优惠
2019/04/06 全球购物
德国购买踏板车网站:Microscooter
2019/10/14 全球购物
学生个人求职自荐信格式
2013/09/23 职场文书
班会关于环保演讲稿
2013/12/29 职场文书
中学生国旗下讲话稿
2014/04/26 职场文书
工厂员工辞职信范文
2015/05/12 职场文书
证婚人婚礼致辞
2015/07/28 职场文书
2016年教师节感言
2015/12/09 职场文书
七年级作文之环保作文
2019/10/17 职场文书
sqlserver2017共享功能目录路径不可改的解决方法
2021/04/16 SQL Server
python数据分析之用sklearn预测糖尿病
2021/04/22 Python
微信小程序基础教程之echart的使用
2021/06/01 Javascript
JavaWeb 入门篇(3)ServletContext 详解 具体应用
2021/07/16 Java/Android
动画电影《龙珠超 超级英雄》延期上映
2022/03/20 日漫