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 attachEvent绑定多个事件执行顺序问题
Oct 20 Javascript
深入浅析JavaScript中对事件的三种监听方式
Sep 29 Javascript
JQuery中attr属性和jQuery.data()学习笔记【必看】
May 18 Javascript
微信小程序 tabs选项卡效果的实现
Jan 05 Javascript
jQuery实现选中行变色效果(实例讲解)
Jul 06 jQuery
angular项目中bootstrap-datetimepicker时间插件的使用示例
Mar 15 Javascript
详解Vue实战指南之依赖注入(provide/inject)
Nov 13 Javascript
详解如何使用router-link对象方式传递参数?
May 02 Javascript
JavaScript页面加载事件实例讲解
Sep 01 Javascript
JavaScript数组及常见操作方法小结
Nov 13 Javascript
vue实现移动端图片上传功能
Dec 23 Javascript
JavaScript字符串转数字的简单实现方法
Nov 27 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
用DBSQL类加快开发MySQL数据库程序的速度
2006/10/09 PHP
mysql5写入和读出乱码解决
2006/11/25 PHP
解析PHP中的unset究竟会不会释放内存
2013/07/18 PHP
PHP abstract 抽象类定义与用法示例
2018/05/29 PHP
Laravel5.1 框架数据库操作DB运行原生SQL的方法分析
2020/01/07 PHP
juqery 学习之三 选择器 简单 内容
2010/11/25 Javascript
jQuery中trigger()方法用法实例
2015/01/19 Javascript
jquery插件autocomplete用法示例
2016/07/01 Javascript
jQuery组件easyui基本布局实现代码
2016/08/25 Javascript
Bootstrap 实现查询的完美方法
2016/10/26 Javascript
JavaScript版经典游戏之扫雷游戏完整示例【附demo源码下载】
2016/12/12 Javascript
EasyUI修改DateBox和DateTimeBox的默认日期格式示例
2017/01/18 Javascript
js实现3D图片展示效果
2017/03/09 Javascript
Node.js如何实现注册邮箱激活功能 (常见)
2017/07/23 Javascript
vue-cli构建项目使用 less的方法
2017/10/04 Javascript
基于Vue实现图书管理功能
2017/10/17 Javascript
详解webpack 热更新优化
2018/09/13 Javascript
ES6知识点整理之函数对象参数默认值及其解构应用示例
2019/04/17 Javascript
通过实例解析js简易模块加载器
2019/06/17 Javascript
vue 集成 vis-network 实现网络拓扑图的方法
2019/08/07 Javascript
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
2019/09/28 Javascript
vue单元格多列合并的实现
2020/11/26 Vue.js
Python格式化压缩后的JS文件的方法
2015/03/05 Python
Python的Django REST框架中的序列化及请求和返回
2016/04/11 Python
Python中的time模块与datetime模块用法总结
2016/06/30 Python
Python使用asyncio包处理并发详解
2017/09/09 Python
Python实现加载及解析properties配置文件的方法
2018/03/29 Python
Python爬虫PyQuery库基本用法入门教程
2018/08/04 Python
python画双y轴图像的示例代码
2019/07/07 Python
HTML5 CSS3打造相册效果附源码下载
2014/06/16 HTML / CSS
Footshop乌克兰:运动鞋的最大选择
2019/12/01 全球购物
你对IPv6了解程度
2016/02/09 面试题
个人授权委托书范本格式
2014/10/12 职场文书
事业单位工作人员岗前培训心得体会
2016/01/08 职场文书
2016年国庆节67周年活动总结
2016/04/01 职场文书
基于HTML十秒做出淘宝页面
2021/10/24 HTML / CSS