jQury Ajax使用Token验证身份实例代码

 更新时间:2017年09月22日 08:35:26   作者:天空影  
这篇文章主要介绍了jQury Ajax使用Token验证身份实例代码,需要的朋友可以参考下

因为最近做了几个后台,所以经常会涉及到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验证身份实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • jQuery实现表格与ckeckbox的全选与单选功能

    jQuery实现表格与ckeckbox的全选与单选功能

    先给大家介绍下jQuery实现表格与ckeckbox的全选与单选功能,以及通过js实现隐藏与显示铵钮功能的实例代码,需要的朋友参考下吧
    2016-11-11
  • 浅析jquery的js图表组件highcharts

    浅析jquery的js图表组件highcharts

    本篇文章主要是对jquery的js图表组件highcharts进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-03-03
  • jquery 插件实现瀑布流图片展示实例

    jquery 插件实现瀑布流图片展示实例

    本文给大家分享的是使用jQuery的masonry库和infinitescroll库实现的瀑布流美女图片展示的实例,效果非常不错,这里推荐给大家,有需要的小火把可以参考下。
    2015-04-04
  • Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结

    Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结

    这篇文章主要介绍了Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-05-05
  • jQuery元素选择器用法实例

    jQuery元素选择器用法实例

    这篇文章主要介绍了jQuery元素选择器用法,通过一个简单的隐藏div元素实例讲述了元素选择器的用法,具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • 24款非常有用的 jQuery 插件分享

    24款非常有用的 jQuery 插件分享

    jQuery在现在的Web开发项目中扮演着重要角色,jQuery让网站有更好的可用性和用户体验,让访问者对网站留下非常好的印象。
    2011-04-04
  • JQueryEasyUI datagrid框架的进阶使用

    JQueryEasyUI datagrid框架的进阶使用

    本篇文章小编为大家介绍JQueryEasyUI datagrid框架的基本使用,有需要的朋友可以参考一下
    2013-04-04
  • 通过XMLHttpRequest和jQuery实现ajax的几种方式

    通过XMLHttpRequest和jQuery实现ajax的几种方式

    AJAX大家已经都知道了,是为了实现异步通讯,提高用户体验度,而将很多旧知识(XML,DOM,JavaScript,HTML,Jquery,Css……)重新融合的一个新的知识框架。而,XMLHttpRequest对象则是其中的重重之中,本篇文章主要给大家介绍通过XMLHttpRequest和jQuery实现ajax的几种方式
    2015-08-08
  • easyUI combobox实现联动效果

    easyUI combobox实现联动效果

    这篇文章主要为大家详细介绍了easyUI combobox实现联动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • jQuery获取元素父节点的方法

    jQuery获取元素父节点的方法

    这篇文章主要介绍了使用jQuery获取元素父节点的方法,通俗易懂,需要的朋友可以参考下。
    2016-06-06

最新评论