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 相关文章推荐
js 3秒后跳转页面的实现代码
Mar 10 Javascript
JavaScript替换当前页面的方法
Apr 03 Javascript
jQuery实现TAB风格的全国省份城市滑动切换效果代码
Aug 24 Javascript
JQuery EasyUI的使用
Feb 24 Javascript
基于node.js制作简单爬虫教程
Jun 29 Javascript
jQuery实现菜单的显示和隐藏功能示例
Jul 24 jQuery
Js中使用正则表达式验证输入是否有特殊字符
Sep 07 Javascript
面试题:react和vue的区别分析
Apr 08 Javascript
每周一练 之 数据结构与算法(Stack)
Apr 16 Javascript
js canvas实现5张图片合成一张图片
Jul 15 Javascript
JS合并两个数组的3种方法详解
Oct 24 Javascript
jQuery实现的图片点击放大缩小功能案例
Jan 02 jQuery
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下载文件的代码示例
2012/06/29 PHP
php数组转换js数组操作及json_encode的用法详解
2013/10/26 PHP
jQuery Mobile + PHP实现文件上传
2014/12/12 PHP
PHP整合PayPal支付
2015/06/11 PHP
PHP控制反转(IOC)和依赖注入(DI)
2017/03/13 PHP
JavaScript 嵌套函数指向this对象错误的解决方法
2010/03/15 Javascript
JQuery的Ajax跨域请求原理概述及实例
2013/04/26 Javascript
js substring从右边获取指定长度字符串(示例代码)
2013/12/23 Javascript
详解Javascript 装载和执行
2014/11/17 Javascript
jQuery 自定义下拉框(DropDown)附源码下载
2016/07/22 Javascript
JS常用知识点整理
2017/01/21 Javascript
Bootstrap3 模态框使用实例
2017/02/22 Javascript
对于input 框限定输入值为浮点型的js代码
2017/09/25 Javascript
jquery学习笔记之无new构建详解
2017/12/07 jQuery
使用watch监听路由变化和watch监听对象的实例
2018/02/24 Javascript
AJAX在JQuery中的应用详解
2019/01/30 jQuery
微信小程序实现展示评分结果功能
2019/02/15 Javascript
微信小程序swiper使用网络图片不显示问题解决
2019/12/13 Javascript
浅谈VUE中演示v-for为什么要加key
2020/01/16 Javascript
vue实现移动端触屏拖拽功能
2020/08/21 Javascript
关于element-ui表单中限制输入纯数字的解决方式
2020/09/08 Javascript
[28:28]Ti4 冒泡赛第二天NEWBEE vs NaVi 2
2014/07/15 DOTA
Python自动发邮件脚本
2017/03/31 Python
Python GUI Tkinter简单实现个性签名设计
2018/06/19 Python
python事件驱动event实现详解
2018/11/21 Python
Python图像处理库PIL的ImageGrab模块介绍详解
2020/02/26 Python
Python实现井字棋小游戏
2020/03/09 Python
python 根据列表批量下载网易云音乐的免费音乐
2020/12/03 Python
纯CSS3代码实现文字描边
2016/04/25 HTML / CSS
skyn ICELAND官网:冰岛成分天然护肤品
2020/08/24 全球购物
工厂会计员职责
2014/02/06 职场文书
营销部内勤岗位职责
2014/04/30 职场文书
行风评议整改报告
2014/11/06 职场文书
导游词之丽江普济寺
2019/10/22 职场文书
javascript Number 与 Math对象的介绍
2021/11/17 Javascript
解析MySQL索引的作用
2022/03/03 MySQL