有些情况需要用JavaScript来对数据进行md5加密,用JavaScript加密的好处是可以在客户端完成加密之后传送到服务端,即可以减轻服务端负担,也可以保证传输的安全,毕竟数据传输过程中很可能会被截获。下面介绍一个md5加密的js库。
使用MD5加密的方法:下载md5.js文件,在网页中引用该文件:
1 | <script type= "text/javascript" src= "md5.js" ></script> |
在你需要使用MD5加密的地方如此调用:
1 | <script type= "text/javascript" > |
2 | hash = hex_md5( "input string" ); |
下面是演示效果的代码:
01 | <script type= "text/javascript" src= "md5.js" ></script> |
02 | <script type= "text/javascript" > |
04 | var hash = hex_md5(document.getElementById( "text" ).value); |
05 | document.getElementById( "result" ).value = hash; |
08 | frm.pwd.value = hex_md5(frm.pwd.value); |
09 | document.getElementById( "result2" ).value = frm.pwd.value; |
19 | <p>转换前:<input type= "text" id= "text" style= "width:200px" value= "welcome to nowamagic.net" /></p> |
21 | <p>转换后:<input type= "text" id= "result" style= "width:300px" /></p> |
23 | <p><input type= "button" value= " MD5加密 " onClick= "md5()" /></p> |
26 | <p>name: <input type= "text" id= "name" style= "width:200px" /> </p> |
28 | <p>password: <input type= "password" id= "pwd" style= "width:200px" /></p> |
30 | <p><input type= "button" value= " 加密 " onClick= "trans()" /></p> |
32 | <p>加密后的密码:<input type= "text" id= "result2" style= "width:300px" /></p> |
1.通过这个md5的js生成的代码和php的是一样,减少服务器在md5加密的负担
2.因为密码是直接在客户端就进行加密,不像php要传到服务器端才加密,这样传输过程的安全也得到进一步的加强