AJAX
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<script type="text/javascript">
/* 標准AJAX模板 */
//使用 false 作為判定條件，它表示還沒有創建 XMLHttpRequest 對象
var http_request=false;
//創建XMLHttpRequest對象方法
function send_request(){
http_request=false;
//火狐
if(window.XMLHttpRequest){
http_request=new XMLHttpRequest();
if(http_request.overrideMimeType){
http_request.overrideMimeType('text/xml');
}
}else if(window.ActiveXObject){//IE
try{
http_request=new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
http_request=new ActiveXObject("Microsoft.XMLHTTP");
}catch(e2){}
}
}
if(!http_request){//檢查 request 是否仍然為 false（如果一切順利就不會是 false)
window.alert("Err Create XMLHttpRequest!");
}
}
//與服務器交互
function sendReg(url)
{
//創建AJAX引擎
send_request();
//設定回調函數
//服務器響應完畢以后會自動調用回調函數一次
http_request.onreadystatechange = requestReg;
//與服務器連接
//1.提交方式（get/post）
//2.提交路徑(url)
//3.是否異步
http_request.open("get",url,true);
//使用get方法不緩存
http_request.setRequestHeader("If-Modified-Since","0");
//提交請求
//get null
http_request.send(null);
}
//事件函數
function test()
{
//獲得文本框的數據
var text = document.getElementById("text").value;
//get
//定義當前訪問服務器URL
var url = "reg?text=" + text;
//使用UTF-8的編碼將字符串進行解碼
url = encodeURI(url);
//與服務器交互
sendReg(url);
}
//定義回調函數
function requestReg()
{
//判斷就緒狀態
if(http_request.readyState == 4)
{
//判斷響應狀態
if(http_request.status == 200)
{
//獲得服務器響應的數據
var res = http_request.responseText;
//注意這里是通過在servlet中用out.println("****");所傳輸的數據，你也可以用XML的格式來發送，那就為var res = http_request.responseXML;然后可以使用res.getElementsByTagName等DOM的解析方法來解析；這個可以到網上查到相關資料
//alert(res);
if(res == "true")
{
document.getElementById("result").innerHTML = "<font color='red'>此用戶名已經被注冊了</font>";
document.getElementById("submit").disabled = true;
}
else
{
document.getElementById("result").innerHTML = "<font color='blue'>此用戶名沒有被注冊</font>";
document.getElementById("submit").disabled = false;
}
}
}
}
</script>
</head>
<body style="test-align:center" onload="add()">
<table align="center" cellspacing="0" width="500" border="0">
<tr>
<td width="100">用 戶 名</td>
<td width="200"><input type="text" id="text" onblur="test()"/></td>
<td width="200" id="result"></td>
</tr>
<tr align="center">
<td colspan="2"><input type="button" value="注冊" id="submit" disabled="disabled"/></td>
<td></td>
</tr>
</table>
</body>
</html>