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 RegExp方法获取地址栏参数(面向对象)
Mar 10 Javascript
jquery validation插件表单验证的一个例子
Mar 03 Javascript
EASYUI TREEGRID异步加载数据实现方法
Aug 22 Javascript
jquery的$getjson调用并获取远程的JSON字符串问题
Dec 10 Javascript
jquery获取被勾选的checked(选中)的那一行的3列和4列的值
Jul 04 Javascript
Eclipse配置Javascript开发环境图文教程
Jan 29 Javascript
jQuery实现图片局部放大镜效果
Mar 17 Javascript
JavaScript事件学习小结(五)js中事件类型之鼠标事件
Jun 09 Javascript
node学习记录之搭建web服务器教程
Feb 16 Javascript
详解vue-element Tree树形控件填坑路
Mar 26 Javascript
详解在React-Native中持久化redux数据
May 22 Javascript
jQuery实现购物车全功能
Jan 11 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中集成PayPal标准支付的实现方法分享
2012/02/06 PHP
php中分页及SqlHelper类用法实例
2017/01/12 PHP
PDO::prepare讲解
2019/01/29 PHP
PHP批斗大会之缺失的异常详解
2019/07/09 PHP
javascript常用方法、属性集合及NodeList 和 HTMLCollection 的浏览器差异
2010/12/25 Javascript
jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
2013/06/04 Javascript
jQuery入门之层次选择器实例简析
2015/12/11 Javascript
vue如何判断dom的class
2018/04/26 Javascript
对angularJs中2种自定义服务的实例讲解
2018/09/30 Javascript
Vue常用的几个指令附完整案例
2018/11/06 Javascript
微信小程序导航栏滑动定位功能示例(实现CSS3的positionsticky效果)
2019/01/24 Javascript
jQuery实现的导航条点击后高亮显示功能示例
2019/03/04 jQuery
小程序数据通信方法大全(推荐)
2019/04/15 Javascript
函数式编程入门实践(一)
2019/04/20 Javascript
新手快速入门JavaScript装饰者模式与AOP
2019/06/24 Javascript
快速对接payjq的个人微信支付接口过程解析
2019/08/15 Javascript
JavaScript生成随机验证码代码实例
2019/09/28 Javascript
从源码角度来回答keep-alive组件的缓存原理
2021/01/18 Javascript
python生成式的send()方法(详解)
2017/05/08 Python
浅谈python下含中文字符串正则表达式的编码问题
2018/12/07 Python
利用ctypes获取numpy数组的指针方法
2019/02/12 Python
HTML5实现动画效果的方式汇总
2016/02/29 HTML / CSS
意大利奢侈品网站:Italist
2016/08/23 全球购物
世界上最大的专业美容用品零售商:Sally Beauty
2017/07/02 全球购物
Tarte Cosmetics官网:美国最受欢迎的化妆品公司之一
2017/08/24 全球购物
世界上最具创新性的增强型知名运动品牌:Proviz
2018/04/03 全球购物
英国豪华文具和皮具配件经典老品牌:Smythson(斯迈森)
2018/04/19 全球购物
波兰在线体育用品商店:Hop-Sport.pl
2019/07/23 全球购物
英国名牌服装购物网站:OD’s Designer
2019/09/02 全球购物
servlet面试题
2012/08/20 面试题
大学生自我鉴定书
2014/03/24 职场文书
商铺租赁意向书
2014/04/01 职场文书
上课不认真检讨书
2014/09/17 职场文书
单位综合评价意见
2015/06/05 职场文书
文艺部部长竞选稿
2015/11/21 职场文书
2016年公司“3.12”植树节活动总结
2016/03/16 职场文书