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 相关文章推荐
js判断当前页面在移动设备还是在PC端中打开
Jan 06 Javascript
JavaScript预解析及相关技巧分析
Apr 21 Javascript
Javascript获取随机数的实现方法
Jun 22 Javascript
Highcharts学习之坐标轴
Aug 02 Javascript
KnockoutJS 3.X API 第四章之事件event绑定
Oct 10 Javascript
Jquery循环截取字符串的方法(多出的字符串处理成"...")
Nov 28 Javascript
jQuery插件form-validation-engine正则表达式操作示例
Feb 09 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
Feb 14 Javascript
详解node HTTP请求客户端 - Request
May 05 Javascript
vue-cli 组件的导入与使用教程详解
Apr 11 Javascript
微信小程序自定义弹窗实现详解(可通用)
Jul 04 Javascript
Vue实现商品分类菜单数量提示功能
Jul 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
PHP图片上传类带图片显示
2006/11/25 PHP
解析PHP缓存函数的使用说明
2013/05/10 PHP
PHP处理bmp格式图片的方法分析
2017/07/04 PHP
laravel config文件配置全局变量的例子
2019/10/13 PHP
PHP常用函数之根据生日计算年龄功能示例
2019/10/21 PHP
新鲜出炉的js tips提示效果
2011/04/03 Javascript
JQuery与Ajax调用新浪API获取短网址的代码
2014/02/07 Javascript
node.js中的fs.open方法使用说明
2014/12/17 Javascript
Nodejs中session的简单使用及通过session实现身份验证的方法
2016/02/04 NodeJs
js设置文字颜色的方法示例
2016/12/30 Javascript
jQuery获取Table某列的值(推荐)
2017/03/03 Javascript
完美解决UI-Grid表格元素中多个空格显示为一个空格的问题
2017/04/25 Javascript
JavaScript运动框架 链式运动到完美运动(五)
2017/05/18 Javascript
express+mockjs实现模拟后台数据发送功能
2018/01/07 Javascript
深入浅析AngularJs模版与v-bind
2018/07/06 Javascript
如何在vue里添加好看的lottie动画
2018/08/02 Javascript
Nuxt.js 数据双向绑定的实现
2019/02/17 Javascript
浅谈vue 组件中的setInterval方法和window的不同
2020/07/30 Javascript
Vue指令实现OutClick的示例
2020/11/16 Javascript
python 简易计算器程序,代码就几行
2009/08/29 Python
对python中xlsx,csv以及json文件的相互转化方法详解
2018/12/25 Python
Python Opencv中用compareHist函数进行直方图比较对比图片
2020/04/07 Python
python爬虫中PhantomJS加载页面的实例方法
2020/11/12 Python
Python jieba库分词模式实例用法
2021/01/13 Python
Holland & Barrett爱尔兰:英国领先的健康零售商
2019/03/31 全球购物
开普敦通行证:Cape Town Pass
2019/07/18 全球购物
简述进程的启动、终止的方式以及如何进行进程的查看
2013/07/12 面试题
环境工程大学生个人的自我评价
2013/10/08 职场文书
党员年终民主评议的自我评价
2013/11/05 职场文书
合作协议书
2014/04/23 职场文书
伊索寓言教学反思
2014/05/01 职场文书
企业文化口号
2014/06/12 职场文书
社团活动总结书
2014/06/27 职场文书
2014年乡镇安全生产工作总结
2014/12/02 职场文书
土地租赁协议书
2015/01/29 职场文书
讲文明倡议书
2015/04/29 职场文书