test1.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function $(id){
return document.getElementById(id);
}
function checkName(){
//创建对象
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}else{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); //code for IE6,IE5
}
//接收用户名
var username = $("username").value;
//当服务器响应就绪时执行函数
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
//返回的是文本格式 alert(xmlhttp.responseText);
//返回的是XML格式
var mes = xmlhttp.responseXML.getElementsByTagName("mes"); //获取mes节点
//表示第一个mes节点的第一个子节点的值
var mes_val = mes[0].childNodes[0].nodeValue;
window.alert(mes_val);
//返回的是JSON格式
//获取字符串
//var mes = xmlhttp.responseText;
//使用eval()函数将字符串转化为对象
//var mes_obj = eval("("+mes+")");
//window.alert(mes_obj.res);
//window.alert(mes_obj.error);
//也可以var dogs = [{"name":"dog1","age":"2"},{"name":"dog2","age":"3"}];访问第一个对象则是dogs[0].name
}
}
xmlhttp.open("GET","test2.php?username="+username,true);
xmlhttp.send();
}
</script>
</head>
<body>
<form action="" method="">
用户名：<input type="text" id="username" />
<input type="button" value="检查用户名" onClick="checkName();" />
</form>
</body>
</html>
test2.php
<?php
//使浏览器返回的数据是XML格式
header("Content-Type: text/xml;charset=utf-8");
//使浏览器不要缓存数据
header("Cache-Control: no-cache");
$username = $_GET['username'];
$info = "";
if($username == "kong"){
//返回XML格式
$info .= "<res><mes>用户名已经存在</mes></res>";
//返回JSON格式（header改成text/html）
//$info = '{"res":"用户名已经存在","error":"错误"}';
}else{
$info .= "<res><mes>用户名可以使用</mes></res>";
}
echo $info;
?>
2553
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
