html頁面要和Servlet交互數據時,通過ajax技術可以實現頁面部分刷新,例如在用户名校驗時,可以增加用户的體驗。
ajax有兩種
第一種時js原生方式,
1.創建ajax對象
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);
}
2.建立連接
xmlhttp.open(method,url,async)
第一個參數時提交方式,GET或者POST
第二個參數是要將提交到的路徑,如果是GET方式,可以將數據放在url後拼字符串,如果時POST方式,將數據放在send方法裏做參數提交。
第三個參數時選擇同步提交或者異步提交,true表示異步提交,false表示同步提交。
AJAX 指的是異步 JavaScript 和 XML(Asynchronous JavaScript and XML)。
XMLHttpRequest 對象如果要用於 AJAX 的話,其 open() 方法的 async 參數必須設置為 true:
3.提交數據
xmlhttp.send()
將數據發送到url路徑
4.客户端接收結果
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState4 && xmlhttp.status200)
{
var responseText = xmlhttp.responseText;
alert(responseText);
}
}
onreadystatechange 存儲函數(或函數名),每當 readyState 屬性改變時,就會調用該函數。
readyState
存有 XMLHttpRequest 的狀態。從 0 到 4 發生變化。
0: 請求未初始化
1: 服務器連接已建立
2: 請求已接收
3: 請求處理中
4: 請求已完成,且響應已就緒
status
200: “OK”
404: 未找到頁面
JQuery實現方式:
.get或者$.post來實現。