JavaScript MD5加密的方法

有些情况需要用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");

3</script>

下面是演示效果的代码：

view source

print?

01<script type="text/javascript" src="md5.js"></script>

02<script type="text/javascript">

03function md5(){

04  var hash = hex_md5(document.getElementById("text").value);

05  document.getElementById("result").value = hash;

06}

07function trans(){

08  frm.pwd.value = hex_md5(frm.pwd.value);

09  document.getElementById("result2").value = frm.pwd.value;

10}

11function submit(){

12  //默认的提交处理，自定义的提交前处理方法不要用submit作为函数名

13}

14//onsubmit="pwd.value =hex_md5(pwd.value)"

15</script>

16     

17    <p>MD5加密：</p>

18     

19    <p>转换前：<input type="text" id="text" style="width:200px"value="welcome to nowamagic.net" /></p>

20     

21    <p>转换后：<input type="text" id="result" style="width:300px" /></p>

22     

23    <p><input type="button" value=" MD5加密 " onClick="md5()" /></p>

24     

25    <form name="frm" >

26    <p>name: <input type="text" id="name" style="width:200px" /> </p>

27     

28    <p>password: <input type="password" id="pwd" style="width:200px" /></p>

29     

30    <p><input type="button" value=" 加密 " onClick="trans()" /></p>

31     

32    <p>加密后的密码：<input type="text" id="result2" style="width:300px" /></p>

33    </form>这样做的好处是：

1.通过这个md5的js生成的代码和php的是一样，减少服务器在md5加密的负担

2.因为密码是直接在客户端就进行加密，不像php要传到服务器端才加密，这样传输过程的安全也得到进一步的加强

原文地址:http://www.nowamagic.net/librarys/veda/detail/423