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 相关文章推荐
新浪的图片新闻效果
Jan 13 Javascript
浅析jQuery(function(){})与(function(){})(jQuery)之间的区别
Jan 09 Javascript
javascript使用for循环批量注册的事件不能正确获取索引值的解决方法
Dec 20 Javascript
JavaScript正则表达式实例详解
Oct 16 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
Jan 12 Javascript
微信小程序 使用canvas制作K线实例详解
Jan 12 Javascript
Bootstrap fileinput组件封装及使用详解
Mar 10 Javascript
Angular.js基础学习之初始化
Mar 10 Javascript
微信小程序商城项目之商品属性分类(4)
Apr 17 Javascript
详解使用Next.js构建服务端渲染应用
Jul 10 Javascript
Vue核心概念Getter的使用方法
Jan 18 Javascript
javascript触发模拟鼠标点击事件
Jun 26 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
新52大事件
2020/03/03 欧美动漫
php中批量修改文件后缀名的函数代码
2011/10/23 PHP
php打造智能化的柱状图程序,用于报表等
2015/06/19 PHP
Laravel等框架模型关联的可用性浅析
2019/12/15 PHP
使用jquery给input和textarea设定ie中的focus
2008/05/29 Javascript
JavaScript开发规范要求(规范化代码)
2010/08/16 Javascript
浅谈JavaScript中指针和地址
2015/07/26 Javascript
js实现仿百度风云榜可重复多次调用的TAB切换选项卡效果
2015/08/31 Javascript
jquery siblings获取同辈元素用法实例分析
2016/07/25 Javascript
JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
2016/08/05 Javascript
AngularJs入门教程之环境搭建+创建应用示例
2016/11/01 Javascript
jQuery学习笔记——jqGrid的使用记录(实现分页、搜索功能)
2016/11/09 Javascript
JS jQuery使用正则表达式去空字符的简单实现代码
2017/05/20 jQuery
Angular实现下载安装包的功能代码分享
2017/09/05 Javascript
通过jquery获取上传文件名称、类型和大小的实现代码
2018/04/19 jQuery
基于vue和react的spa进行按需加载的实现方法
2018/09/29 Javascript
Vue项目pdf(base64)转图片遇到的问题及解决方法
2018/10/19 Javascript
详解Webpack loader 之 file-loader
2018/11/07 Javascript
javascript实现遮罩层动态效果实例
2019/05/14 Javascript
关于vue2强制刷新,解决页面不会重新渲染的问题
2019/10/29 Javascript
python正则表达式抓取成语网站
2013/11/20 Python
python算法学习之计数排序实例
2013/12/18 Python
Python增量循环删除MySQL表数据的方法
2016/09/23 Python
Python中二维列表如何获取子区域元素的组成
2017/01/19 Python
python机器学习理论与实战(一)K近邻法
2021/01/28 Python
解决python os.mkdir创建目录失败的问题
2018/10/16 Python
详解python3安装pillow后报错没有pillow模块以及没有PIL模块问题解决
2019/04/17 Python
Selenium+Python 自动化操控登录界面实例(有简单验证码图片校验)
2019/06/28 Python
美国派对用品及装饰品网上商店:Shindigz
2016/07/30 全球购物
旧时光糖果:Old Time Candy
2018/02/05 全球购物
什么是smarty? Smarty的优点是什么?
2013/08/11 面试题
我有一个char * 型指针正巧指向一些int 型变量, 我想跳过它们。 为什么如下的代码((int *)p)++; 不行?
2013/05/09 面试题
什么是Rollback Segment
2013/04/22 面试题
大学生在校学习的自我评价
2014/02/18 职场文书
文化宣传方案
2014/03/13 职场文书
歼十出击观后感
2015/06/11 职场文书