ajax一词大家并不陌生，感觉是一门新的技术，其实不然．这是一个很老的技术，只是现在才开始流行。学好它有难度，但学会它还是很简单的，懂web技术的人，一般一天就可以学会．
下面就将我学ajax的一点心得和大家分享一 下：
page1:ajax.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>
php____ajax
</title>
</head>
<body>
<script language="javascript">
function check() {
var username=document.getElementById("username");
var url = "phpajax_cl.php?username=" + escape(username.value);
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
xmlHttp.open('GET', url, true);
xmlHttp.onreadystatechange = function(){
if (xmlHttp.readyState == 4) {
//alert(xmlHttp.responseText);
document.getElementById("show").innerHTML = "show:" + unescape(xmlHttp.responseText);
}
}
xmlHttp.setRequestHeader("Content-Type","text/html;charset=utf-8");
xmlHttp.send(null);
}
</script>
<form name="form1" action="" method="post">
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<th scope="row">用户名：<span id="show"></span></th>
<td><input type="text" id="username" name="username" value=""></td>
<td><input type="button" value="唯一性检查" οnclick="check()"></td>
<td></td>
</tr>
<tr>
<th scope="row"> </th>
<td><input type="submit" name="Submit2" value="提交" /></td>
<td> </td>
<td> </td>
</tr>
</table>
</form>
</body>
</html>
这个页面主要的用户输入信息，通过ajax访问服务器，然后显示信息。
page2:phpajax_cl.php
<?php
@header("Content-Type: text/html; charset=utf-8");
$username = $_GET["username"];
if ($username == "123") {
$username = $username."用户名已存在，请更换用户名。";
}else{
$username = $username."用户尚未注册，您可以继续！";
}
//printf($username);
echo $username;
exit;
?>
主要是接收客户端的请求，并处理请求。
这就是一个很简单的ajax的实例，希望对大家学习有用。
657
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
