php ajax 局部刷新注册验证的例子

3. // JavaScript Document

4. var xmlHttp;
5. function S_xmlhttprequest()
6. {
7. xmlHttp=null;
8. if (window.XMLHttpRequest)
9. {// code for IE7, Firefox, Opera, etc.
10. xmlHttp=new XMLHttpRequest();
11. }
12. else if (window.ActiveXObject)
13. {// code for IE6, IE5
14. xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
15. }
16. }

17. function getName(name)

18. {

19. if(name = document.myform.name.value)

20. {
21. S_xmlhttprequest();
22. xmlHttp.open("get","data.php?name="+name,true);
23. xmlHttp.onreadystatechange = byname;
24. xmlHttp.send(null);
25. }

26. }

27. function byname()

28. {
29. if(xmlHttp.readyState ==1)
30. {
31. document.getElementById('name').innerHTML = "loading....";
32. }
33. if(xmlHttp.readyState == 4)
34. {
35. if(xmlHttp.status == 200)
36. {
37. var name = xmlHttp.responseText;
38. document.getElementById('name').innerHTML = name;
39. }
40. }
41. }
42. function getEmail(email)
43. {
44. var email = document.myform.email.value;
45. if(email =="")
46. {
47. alert("用户名不能为空");
48. document.myform.email.focus();
49. return false;
50. }
51. else
52. {
53. S_xmlhttprequest();
54. xmlHttp.open("get","data.php?email="+email,true);
55. xmlHttp.onreadystatechange = byemail;
56. xmlHttp.send(null);
57. }

58. }

59. function byemail()
60. {
61. if(xmlHttp.readyState ==1)
62. {
63. document.getElementById('email').innerHTML = "loading....";
64. }
65. if(xmlHttp.readyState == 4)
66. {
67. if(xmlHttp.status == 200)
68. {
69. var email = xmlHttp.responseText;
70. document.getElementById('email').innerHTML = email;
71. }
72. }
73. }

复制代码

2、register.php文件

5. 用户名:		*用户名必填*
   邮箱:		*邮箱必填*

复制代码

3、data.php页面，用于ajax查询数据库。

3. sleep(1);
4. $connt = mysql_connect("localhost","root","123456");
5. mysql_select_db('test',$connt );
6. mysql_query("set names 'gb2312'");
7. if($_GET['name'])
8. {
9. $name = $_GET['name'];
10. $sql = "select * from test where name='$name'";
11. $restul = mysql_query($sql);
12. $array = mysql_fetch_row($restul);
13. // print_r($array);
14. if(is_array($array))
15. {
16. echo "该用户名已经存在";
17. }
18. else
19. {
20. echo "该用户名可以用";
21. }
22. }
23. if($_GET['email'])
24. {
25. $name = $_GET['email'];
26. $sql = "select * from test where email='$email'";
27. $restul = mysql_query($sql);
28. $array = mysql_fetch_row($restul);
29. // print_r($array);
30. if(is_array($array))
31. {
32. echo "该邮箱已存在";
33. }
34. else
35. {
36. echo "该邮箱可以用";
37. }
38. }
39. ?>

复制代码

由此即可实现用户注册时局部刷新的功能了。