zoukankan      html  css  js  c++  java
  • jquery实现登录加密的几种方法以及cookie存放加密/解密

    1、base64加密

      在页面中引入base64.js文件,调用方法为:

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>base64加密</title>
    <script type="text/javascript" src="base64.js"></script>
    <script type="text/javascript">
    var b = new Base64();
    var str = b.encode("admin:admin");
    alert("base64 encode:" + str);
         //解密
    str = b.decode(str);
    alert("base64 decode:" + str);
    </script>
    </head>

    <body>
    </body>
    </html>
    ---------------------

    2、md5加密

      在页面中引用md5.js文件,调用方法为

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>md5加密</title>
    <script type="text/ecmascript" src="md5.js"></script>
    <script type="text/javascript">
    var hash = hex_md5("123dafd");
    alert(hash)
    </script>
    </head>

    <body>
    </body>
    </html>

    3、sha1加密

      据说这是最安全的加密

      页面中引入sha1.js,调用方法为

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>sha1加密</title>
    <script type="text/ecmascript" src="sha1.js"></script>
    <script type="text/javascript">
    var sha = hex_sha1('mima123465')
    alert(sha)
    </script>
    </head>

    <body>
    </body>
    </html>
    md5.js只能实现加密功能,但是如果你从cookie中把密码取出来想解密的时候就尴尬了,所以此处我推荐两种密码加密又能解密的方法

    此处包括如何在jsp页面往cookie中保存用户名和密码

    <script>
    //step 1:当鼠标点击复选框时,创建一个持久化的cookie
    var userName=null;
    var passWord=null;
      //限制为:鼠标点击登录时判断:
      $("#accLogBut").click(function(){
         /* 将登录按钮置灰 */
     
      //如果被选中状态,则创建cookie
    if($('input[type=checkbox]').is(':checked')){
    passWord = $('#passWord').val();
    //创建cookie,并将用户名和密码保存进去,密码采用base64加密以及解密
    $.cookie('userName',$('#userName').val(), { expires: 7});
    $.cookie('passWord',$.base64.encode(passWord),{ expires: 7});
    }else{
    //如果复选框没有被选中,则删除cookie

    $.cookie('userName', ""); 
    $.cookie('passWord', ""); 
    }
         });
     //页面每次被加载的时候,都把cookie中的值取出来,然后存放到对应的文本框中
     $(function(){
     
      var userName=$.cookie('userName');
    var passWord=$.cookie('passWord');

    $("#userName").val(userName);
    $("#passWord").val($.base64.decode(passWord));
      if(userName!=null&&userName!=""&&passWord!=null&&passWord!=""){

    $("#rememberPassword").attr("checked",true);
    }

    }); 
    </script>
    <!--  登录时记住密码结束-->
    ---------------------

    主要用到上面的两种方法:$.base64.encode(str)加密字符串

    $.base64.decode(str)解密字符串

  • 相关阅读:
    EasyUI
    intellij idea打包maven项目
    struts2框架详解
    java电子书
    查看mysql安装路径
    springboot 集成 vue
    C#中的属性
    C#中的时间戳
    int.TryParse非预期执行引发的思考
    IQueryable 和 IEnumerable 的区别
  • 原文地址:https://www.cnblogs.com/yuner-angel/p/9888426.html
Copyright © 2011-2022 走看看