ajax 兑现异步调用，并返回后台数据

ajax 实现异步调用，并返回后台数据

?

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>");

?

??