溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下如何創建Ajax實例，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
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)。
0: 請求未初始化
1: 服務器連接已建立
2: 請求已接收
3: 請求處理中
4: 請求已完成，且響應已就緒
(3).open(method,url,async) 方法：規定請求的類型、URL 以及是否異步處理請求。
(4).send(content) 向服務器發送請求。
以上是“如何創建Ajax實例”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
