XmlHttp是一套可以在Javascript、VbScript、Jscript等指令碼語言中通過http協議傳送或從接收XML及其他資料的一套API。XmlHttp最大的用處是可以更新網頁的部分內容而不需要重新整理整個頁面。幾乎所有的瀏覽器都支援XMLHttpRequest對象，它是Ajax應用的核心技術。
js代碼如下：
<html> <head> <title> New Document </title> <meta charset="utf-8"> </head><script type="text/javascript"> /**建立 XMLHttpRequest 對象 *IE7+、Firefox、Chrome、Safari 以及 Opera均內建 XMLHttpRequest 對象 *IE5,IE6使用ActiveX對象，xmlHttp = new ActiveXObject("Microsoft.XMLHTTP") **/ function createXMLHttpRequest(){ var xmlHttp; if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); }else{ xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlHttp.onreadystatechange = function(){ if (xmlHttp.readyState == 4) { if (xmlHttp.status == 200) { document.getElementById("myDiv").innerHTML = xmlHttp.responseText; } }else{ document.getElementById("myDiv").innerHTML = "正在載入..."; } }; //向伺服器放鬆請求 xmlHttp.open("GET","test.php",true); xmlHttp.send(); }</script> <body> <input type="button" onclick="createXMLHttpRequest()" value="請求資料" /> <div id="myDiv"></div> </body></html>
對上面js代碼部分解釋：
(1).XMLHttpRequest對象的onreadystatechange屬性，當請求被發送到伺服器時，需要執行任務。每當 readyState 改變時，就會觸發onreadystatechange事件。
(2).XMLHttpRequest對象的readyState屬性,存有 XMLHttpRequest 的狀態(0~4)。
(3).open(method,url,async) 方法：規定請求的類型、URL 以及是否非同步處理請求。
(4).send(content) 向伺服器發送請求。
以上就是Ajax建立簡單一實例代碼，希望對大家的學習有所協助，大家也可以自己動手建立Ajax簡單一實例。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
