您的位置：首页 > 编程语言 > PHP开发

一天学会ajax ----(php环境)

2008-05-05 12:00 375 查看

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="唯一性检查" onclick="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的实例，希望对大家学习有用。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航