ajax技術目前已經被jquery包裝的比較完美，但自己使用的地方仍然很多，所以需要自己能夠自定義ajax方法。

以下是從前端ajax發出請求，後臺響應返回xml資料，ajax接收並處理的完整過程，例項簡單易懂，可以根據實際情況進行修改。

後臺程式碼為Java。

jsp頁面

<script>

//定義ajax引擎

var myXmlHttpRequest="";

//獲取ajax引擎函式

function getXmlHttpObject(){
var xmlHttpRequest;
//不同的瀏覽器獲取物件xmlhttprequest 物件方法不一樣
if(window.ActiveXObject){

主函式

function getTqByAjax(){

myXmlHttpRequest=getXmlHttpObject();
//判斷建立ok
if(myXmlHttpRequest){
//通過myXmlHttpRequest物件傳送請求到伺服器的某個頁面
var url="<c:url value='/preInfo.tq?method=getTqByAjax'/>";
//這個是要傳送的資料
var data="";//我這裡為空
//開啟請求.
myXmlHttpRequest.open("post",url,true);
//還有一句話，這句話不能少.
myXmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//指定回撥函式.chuli是函式名
myXmlHttpRequest.onreadystatechange=chuli;
//真的傳送請求,如果是get請求則填入 null即可
//如果是post請求，則填入實際的資料
myXmlHttpRequest.send(data); 
}

}

//回撥函式，接收資料並處理

function chuli()[

//window.alert("處理函式被調回"+myXmlHttpRequest.readyState);
if(myXmlHttpRequest.readyState==4){
var xmlDoc=myXmlHttpRequest.responseXML;
//取出mes節點值
var mes=xmlDoc.getElementsByTagName("mes");

//window.alert(mes.length);
//mes[0]->表示取出第一個mes節點
//mes[0].childNodes[0]->表示第一個mes節點的第一個子節點

window.alert(mes[0].childNodes[0].nodeValue);
//這裡寫你的程式碼

//………………

}

}
</script>

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Java後臺

@RequestMapping(params = "method=getTqByAjax")
public void getTqByAjax (HttpServletRequest request,
HttpServletResponse response){

PrintWriter out = null;
try {
out = response.getWriter();
response.setContentType("text/xml");//告訴瀏覽器返回的xml型別
response.setHeader("Cache-Control", "no-cache");//告訴瀏覽器不要快取資料
StringBuffer buf = new StringBuffer();
buf.append("<?xml version=\"1.0\" encoding=\"GBK\"?>");
buf.append("<res><mes>success</mes></res>");
out.println(buf);
out.flush();  

} catch (Exception e) {
// TODO: handle exception
}finally{

out.close();//關閉流

}
}