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 相关文章推荐
超简单的jquery的AJAX用法
May 10 Javascript
IE6不能修改NAME问题的解决方法
Sep 03 Javascript
JavaScript prototype属性深入介绍
Nov 27 Javascript
浅析tr的隐藏和显示问题
Mar 05 Javascript
使用变量动态设置js的属性名
Oct 19 Javascript
利用node.js搭建简单web服务器的方法教程
Feb 20 Javascript
详解Angular.js指令中scope类型的几种特殊情况
Feb 21 Javascript
js模块加载方式浅析
Aug 12 Javascript
二维码图片生成器QRCode.js简单介绍
Aug 18 Javascript
Bootstrap Table快速完美搭建后台管理系统
Sep 20 Javascript
JavaScript实现JSON合并操作示例【递归深度合并】
Sep 07 Javascript
Vue开发之封装上传文件组件与用法示例
Apr 25 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
如何使用脚本模仿登陆过程
2006/11/22 PHP
php继承的一个应用
2011/09/06 PHP
php pki加密技术(openssl)详解
2013/07/01 PHP
PHP反射API示例分享
2016/10/08 PHP
laravel框架select2多选插件初始化默认选中项操作示例
2020/02/18 PHP
超赞的jQuery图片滑块动画特效代码汇总
2016/01/25 Javascript
AngularJS 最常用的功能汇总
2016/02/17 Javascript
数组Array的排序sort方法
2017/02/17 Javascript
js中document.referrer实现移动端返回上一页
2017/02/22 Javascript
Bootstrap常用组件学习(整理)
2017/03/24 Javascript
Angular 2 利用Router事件和Title实现动态页面标题的方法
2017/08/23 Javascript
bootstrap-table实现服务器分页的示例 (spring 后台)
2017/09/01 Javascript
微信公众平台 客服接口发消息的实现代码(Java接口开发)
2019/04/17 Javascript
详解JWT token心得与使用实例
2019/08/02 Javascript
使用jquery实现轮播图效果
2021/01/02 jQuery
Django项目中用JS实现加载子页面并传值的方法
2018/05/28 Python
tensorflow实现简单逻辑回归
2018/09/07 Python
Python检查图片是否损坏及图片类型是否正确过程详解
2019/09/30 Python
python定间隔取点(np.linspace)的实现
2019/11/27 Python
python实现贪吃蛇双人大战
2020/04/18 Python
keras中的History对象用法
2020/06/19 Python
HTML5页面中尝试调起APP功能
2017/09/12 HTML / CSS
html table呈现个人简历以及单元格宽度失效的问题解决
2021/01/22 HTML / CSS
Tory Burch英国官方网站:美国时尚生活品牌
2017/12/06 全球购物
世界上最大的字体市场:MyFonts
2020/01/10 全球购物
北京天润融通.net面试题笔试题
2012/02/20 面试题
用JAVA实现一种排序,JAVA类实现序列化的方法(二种)
2014/04/23 面试题
机电专业个人自荐信格式模板
2013/09/23 职场文书
同事打架检讨书
2014/02/04 职场文书
七年级历史教学反思
2014/02/05 职场文书
应届生自荐信范文
2014/02/21 职场文书
教师年度考核评语
2014/04/28 职场文书
人力资源职位说明书
2014/07/29 职场文书
工会趣味活动方案
2014/08/18 职场文书
大学新生军训自我鉴定范文
2014/09/13 职场文书
Hive常用日期格式转换语法
2022/06/25 数据库