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">

03	function md5(){

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

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

06

}

07	function trans(){

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

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

10

}

11	function 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