XMLHttpRequest物件如何相容各瀏覽器使用?
阿新 • • 發佈:2022-04-29
什麼是 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);