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 相关文章推荐
Discuz! 6.1_jQuery兼容问题
Sep 23 Javascript
半角全角相互转换的js函数
Oct 16 Javascript
基于jQuery的js分页代码
Jun 10 Javascript
用XMLDOM和ADODB.Stream实现base64编码解码实现代码
Nov 28 Javascript
根据身份证号自动输出相关信息(籍贯,出身日期,性别)
Nov 15 Javascript
Javascript this 关键字 详解
Oct 22 Javascript
js动态获取子复选项并设计全选及提交的实现方法
Jun 24 Javascript
JavaScript BASE64算法实现(完美解决中文乱码)
Jan 10 Javascript
Jquery-data的三种用法
Apr 18 jQuery
详解JS实现系统登录页的登录和验证
Apr 29 Javascript
如何基于layui的laytpl实现数据绑定的示例代码
Apr 10 Javascript
vue实现一个6个输入框的验证码输入组件功能的实例代码
Jun 29 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 接口类与抽象类的实际作用
2009/11/26 PHP
PHP开发框架Laravel数据库操作方法总结
2014/09/03 PHP
Centos下升级php5.2到php5.4全记录(编译安装)
2015/04/03 PHP
php简单实现批量上传图片的方法
2016/05/09 PHP
THinkPHP获取客户端IP与IP地址查询的方法
2016/11/14 PHP
laravel异步监控定时调度器实例详解
2019/06/21 PHP
Jquery刷新页面背景图片随机变换的实现方法
2013/03/15 Javascript
jQuery Validate表单验证深入学习
2015/12/18 Javascript
JS阻止事件冒泡行为和闭包的方法
2016/06/16 Javascript
微信小程序 tabs选项卡效果的实现
2017/01/05 Javascript
详解Node.js中的Async和Await函数
2018/02/22 Javascript
layer.confirm取消按钮绑定事件的方法
2018/08/17 Javascript
bootstrap Table实现合并相同行
2019/07/19 Javascript
layui的面包屑或者表单不显示的解决方法
2019/09/05 Javascript
js实现盒子移动动画效果
2020/08/09 Javascript
[48:51]完美世界DOTA2联赛PWL S2 Magma vs InkIce 第一场 11.28
2020/12/02 DOTA
Django中模型Model添加JSON类型字段的方法
2015/06/17 Python
Python书单 不将就
2017/07/11 Python
Django数据库连接丢失问题的解决方法
2018/12/29 Python
python opencv实现证件照换底功能
2019/08/19 Python
python-视频分帧&多帧合成视频实例
2019/12/10 Python
使用Puppeteer爬取微信文章的实现
2020/02/11 Python
Python如何用filter函数筛选数据
2020/03/05 Python
使用Python爬取弹出窗口信息的实例
2020/03/14 Python
解析Tensorflow之MNIST的使用
2020/06/30 Python
python实现一个简单RPC框架的示例
2020/10/28 Python
Python3压缩和解压缩实现代码
2021/03/01 Python
目前不被任何主流浏览器支持的CSS3属性汇总
2014/07/21 HTML / CSS
CSS3实现彩色进度条动画的示例
2020/10/29 HTML / CSS
澳大利亚设计师服装在线:MISHA
2019/10/07 全球购物
大学生见习报告范文
2014/11/03 职场文书
2014年办公室个人工作总结
2014/11/12 职场文书
2015中秋节晚会开场白
2015/07/30 职场文书
餐馆开业致辞
2015/08/01 职场文书
Python包argparse模块常用方法
2021/06/04 Python
MySQL 数据类型详情
2021/11/11 MySQL