新内容：神奇的ajax

就绪状态码	说    明
0	XMLHttpRequest对象没有完成初始化
1	XMLHttpRequest对象开始发送请求
2	XMLHttpRequest对象的请求发送完成
3	XMLHttpRequest对象开始读取响应，还没有结束
4	XMLHttpRequest对象读取响应结束

常用属性 ：

status：HTTP的状态码：

状态码	说    明
200	服务器响应正常
400	无法找到请求的资源
403	没有访问权限
404	访问的资源不存在
500	服务器内部错误

responseText：获得响应的文本内容 responseXML：

获得响应的XML文档对象

使用Ajax验证用户名5-3：

<form name="form1" action="" method="post">
	用户名
	<input type="text" id="uname" name="username" value=""
				onblur="checkUserExists()" />
	<div id="mess" style="display: inline"/>			
</form>

 调用Ajax进行处理

function checkUserExists() {
	var f = document.form1;
	var username = f.username.value;
	if (username == "") {
		alert("用户名不能为空");
		return false;
	} else {
		doAjax("CheckUserServlet?username=" + username);
	}
}

实现搜索自动提示功能

<h3>
	Ajax实现搜索提示
</h3>
<div style="width: 500px">
	<form action="" id="formSearch">
		<input type="text" id="txtSearch" name="txtSearch"
			onkeyup="searchSuggest()" autocomplete="off" />
		<input type="submit" id="cmdSearch" 
				name="cmdSearch" value="搜索" /> <br>			<div id="suggest" style="width: 200px"></div>
	</form>
</div>