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+CSS 实现的超Sexy下拉菜单
Jan 17 Javascript
网站内容禁止复制和粘贴、另存为的js代码
Feb 26 Javascript
ExtJS中设置下拉列表框不可编辑的方法
May 07 Javascript
浅谈javascript中createElement事件
Dec 05 Javascript
使用堆实现Top K算法(JS实现)
Dec 25 Javascript
JS输出空格的简单实现方法
Sep 08 Javascript
node.js实现博客小爬虫的实例代码
Oct 08 Javascript
单击按钮发送验证码,出现倒计时的简单实例
Mar 17 Javascript
vue指令只能输入正数并且只能输入一个小数点的方法
Jun 08 Javascript
vue 使用html2canvas将DOM转化为图片的方法
Sep 11 Javascript
node实现简单的增删改查接口实例代码
Aug 22 Javascript
PHP读取远程txt文档到数组并实现遍历
Aug 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
Windows下的PHP5.0详解
2006/11/18 PHP
在mysql数据库原有字段后增加新内容
2009/11/26 PHP
php session_start()关于Cannot send session cache limiter - headers already sent错误解决方法
2009/11/27 PHP
解析WordPress中函数钩子hook的作用及基本用法
2015/12/22 PHP
基于php伪静态的实现方法解析
2020/07/31 PHP
PHP 图片处理
2020/09/16 PHP
jquery HotKeys轻松搞定键盘事件代码
2008/08/30 Javascript
10款新鲜出炉的 jQuery 插件(Ajax 插件,有幻灯片、图片画廊、菜单等)
2011/06/08 Javascript
javascript对中文按照拼音排序代码
2014/08/20 Javascript
AngularJS中的过滤器使用详解
2015/06/16 Javascript
使用CoffeeScrip优美方式编写javascript代码
2015/10/28 Javascript
关于微信中a链接无法跳转问题
2016/08/02 Javascript
关于两个jQuery(js)特效冲突的bug的解决办法
2016/09/04 Javascript
常用jQuery选择器汇总
2017/02/02 Javascript
微信小程序 页面跳转如何实现传值
2017/04/05 Javascript
vue-cli配置环境变量的方法
2018/07/09 Javascript
apicloud拉起小程序并传递参数的方法示例
2018/11/21 Javascript
使用vue-cli3新建一个项目并写好基本配置(推荐)
2019/04/24 Javascript
深入理解JavaScript 箭头函数
2019/05/30 Javascript
简介二分查找算法与相关的Python实现示例
2015/08/26 Python
python清理子进程机制剖析
2017/11/23 Python
Python 通配符删除文件的实例
2018/04/24 Python
python3实现点餐系统
2019/01/24 Python
python银行系统实现源码
2019/10/25 Python
git查看、创建、删除、本地、远程分支方法详解
2020/02/18 Python
tensorflow/core/platform/cpu_feature_guard.cc:140] Your CPU supports instructions that this T
2020/06/22 Python
解决django migrate报错ORA-02000: missing ALWAYS keyword
2020/07/02 Python
BONIA官方网站:国际奢侈品牌和皮革专家
2016/11/27 全球购物
卡西欧G-SHOCK英国官网: 防水防震手表
2018/01/08 全球购物
英国受欢迎的运动鞋和街头服装商店:Footasylum
2018/06/12 全球购物
娇韵诗Clarins意大利官方网站:法国天然护肤品牌
2020/03/11 全球购物
2014年行政后勤工作总结
2014/12/06 职场文书
拾金不昧通报表扬范文
2015/05/05 职场文书
WINDOWS 64位 下安装配置mysql8.0.25最详细的教程
2022/03/22 MySQL
拙作再改《我的收音机情缘》
2022/04/05 无线电
MySQL慢查询中的commit慢和binlog中慢事务的区别
2022/06/16 MySQL