溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

如何創(chuàng)建Ajax實(shí)例

發(fā)布時(shí)間：2021-09-14 14:32:21 來(lái)源：億速云 閱讀：139 作者：小新 欄目：web開發(fā)

小編給大家分享一下如何創(chuàng)建Ajax實(shí)例，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

XmlHttp是一套可以在Javascript、VbScript、Jscript等腳本語(yǔ)言中通過(guò)http協(xié)議傳送或從接收XML及其他數(shù)據(jù)的一套API。XmlHttp最大的用處是可以更新網(wǎng)頁(yè)的部分內(nèi)容而不需要刷新整個(gè)頁(yè)面。幾乎所有的瀏覽器都支持XMLHttpRequest對(duì)象，它是Ajax應(yīng)用的核心技術(shù)。
js代碼如下：

<html>
 <head>
 <title> New Document </title>
 <meta charset="utf-8">
 </head>
<script type="text/javascript">
 /**創(chuàng)建 XMLHttpRequest 對(duì)象
 *IE7+、Firefox、Chrome、Safari 以及 Opera均內(nèi)建 XMLHttpRequest 對(duì)象
 *IE5,IE6使用ActiveX對(duì)象，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 = "正在加載...";
  }
 };
    //向服務(wù)器放松請(qǐng)求
 xmlHttp.open("GET","test.php",true);
 xmlHttp.send();
 }
</script>
 <body>
 <input type="button" onclick="createXMLHttpRequest()" value="請(qǐng)求數(shù)據(jù)" />
 <div id="myDiv"></div>
 </body>
</html>

對(duì)上面js代碼部分解釋：
(1).XMLHttpRequest對(duì)象的onreadystatechange屬性，當(dāng)請(qǐng)求被發(fā)送到服務(wù)器時(shí)，需要執(zhí)行任務(wù)。每當(dāng) readyState 改變時(shí)，就會(huì)觸發(fā)onreadystatechange事件。
(2).XMLHttpRequest對(duì)象的readyState屬性,存有 XMLHttpRequest 的狀態(tài)(0~4)。

  •     0: 請(qǐng)求未初始化

  •     1: 服務(wù)器連接已建立

  •     2: 請(qǐng)求已接收

  •     3: 請(qǐng)求處理中

  •     4: 請(qǐng)求已完成，且響應(yīng)已就緒

(3).open(method,url,async) 方法：規(guī)定請(qǐng)求的類型、URL 以及是否異步處理請(qǐng)求。
(4).send(content) 向服務(wù)器發(fā)送請(qǐng)求。

以上是“如何創(chuàng)建Ajax實(shí)例”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手