1、创建 xmlHttp 对象
var xmlHttp;
function createXMLHttpRequest() {
if (window.XMLHttpRequest) { // 如果可以取得XMLHttpRequest
xmlHttp = new XMLHttpRequest(); // Mozilla、Firefox、Safari
}
else if (window.ActiveXObject) { // 如果可以取得ActiveXObject
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); // Internet Explorer
}
}
2、访问后台,并返回相关信息
var obj ;
function startRequest(i) {
//访问路径
var url = "<%=WEB_CONTEXT %>/ssrbcx/zhibu_mien_do.jsp?timeStamp=" + new Date().getTime()+"&no="+i;
obj = document.getElementById('vip'+i);
createXMLHttpRequest(); // 建立非同步請求物件
xmlHttp.onreadystatechange = handleStateChange; // 設定callback函式
xmlHttp.open("GET", url); // 開啟連結
xmlHttp.send(null); // 傳送請求
}
//回调函数
function handleStateChange() {
if (xmlHttp.readyState == 4) { // 測試狀態是否請求完成
if (xmlHttp.status == 200) { // 如果伺服端回應OK
show (); //返回的值
}
}
}
3、获取后台的xml数据并 进行解析
function show(){
var xml = xmlHttp.responseXML; //获得的xml数据
var flag = xml.getElementsByTagName("boolean")[0].firstChild.data; //获得传过来的数据
obj.innerHTML = xml.getElementsByTagName("count")[0].firstChild.data; //获得数量
}
4、在访问的后台时 ,设置所要返回的数据 ,并把xml 返回
jsp中:
response.setContentType("text/xml");
response.setHeader("Cache-Control", "no-cache");
out.println("<vote>");
out.println("<boolean>"+flag+"</boolean>");
out.println("<count>"+count+"</count>");
out.println("</vote>");