1. 程式人生 > 其它 >XMLHttpRequest物件如何相容各瀏覽器使用?

XMLHttpRequest物件如何相容各瀏覽器使用?

什麼是 XMLHttpRequest 物件? XMLHttpRequest 物件用於在後臺與伺服器交換資料。 XMLHttpRequest 物件是開發者的夢想,因為您能夠: 在不重新載入頁面的情況下更新網頁 在頁面已載入後從伺服器請求資料 在頁面已載入後從伺服器接收資料 在後臺向伺服器傳送資料 所有現代的瀏覽器都支援 XMLHttpRequest 物件。

1、如何建立相容良好的XMLHttpRequest 物件:

function createXmlRequest(){ 
    var xmlHttp;
	try{ 
        xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); 
    }catch(e){ 
        xmlHttp=new ActiveXObjec("Microsoft.XMLHTTP"); // 老版本的 Internet Explorer (IE5 和 IE6)
    }if(!xmlHttp && typeof XMLHttpRequest!='undefined'){ 
        try{ 
            xmlHttp=new XMLHttpRequest(); 
        }catch(e){ 
            xmlHttp=false; 
        } 
    }
    return xmlHttp;
}

2、如何使用?以Struts為例:

var xhr = createXmlRequest();
var url = "checkImsiJt.do?startid="+startid+"&endid="+endid;
xhr.open("GET",url,true);
xhr.onreadystatechange = function(){
    if (xhr.readyState == 4 && xhr.status == 200) {
        var msg = xhr.responseText;
        // TOOD 響應後臺輸出結果
    }
};
xhr.send(null);

 Struts的處理請求:

// 後臺輸出:
String result = "xxxx";
response.setContentType("text/html;charset=GBK");
response.getWriter().write(result);