JS Ajax Example

http://blog.naver.com/sungback?Redirect=Log&logNo=90037530980

var xhr = null;

function getXMLHttpRequest() {
if (window.ActiveXObject) {
try {
return new ActiveXObject("Msxml2.XMLHTTP");//IE 高版本
} catch (e1) {
try {
return new ActiveXObject("Microsoft.XMLHTTP");//IE 低版本
} catch (e2) {
return null;
}
}
} else if (window.XMLHttpRequest) {
return new XMLHttpRequest(); // 非 IE
} else {
return null;
}
}//  獲取XMLHttpRequest類

function requestMenu() {
var URL = "http://localhost:8080/projectName/ajaxServletUrl";
param1 = "測試1";
param2 = "測試2";

// encoding  在servlet 接受的時候要解一次代碼

URL = URL + "?m=" + encodeURI(encodeURI(param1)); +"&m2=" + encodeURI(encodeURI(param2));

xhr = getXMLHttpRequest(); //XMLHttpRequest 獲得一個request類
xhr.onreadystatechange = responseMenu; //callback function
xhr.open("GET", URL, true);//連接
xhr.send(null);//傳送
}// 邀請

function responseMenu() {
if (xhr.readyState == 4) { //完成
if (xhr.status == 200) { //沒有error
var str = xhr.responseText;//收取servlet 內容
document.getElementById("elementid").innerHTML = str; //代替內容
} else {
alert("Fail : " + xhr.status);
}
}
}// 應答