小編給大家分享一下javascript中Ajax基礎(chǔ)知識(shí)點(diǎn)有哪些，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)主營(yíng)吳堡網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,成都App制作,吳堡h5成都微信小程序搭建,吳堡網(wǎng)站營(yíng)銷推廣歡迎吳堡等地區(qū)企業(yè)咨詢

Ajax基礎(chǔ)

Ajax的原理簡(jiǎn)單來說通過XmlHttpRequest對(duì)象來向服務(wù)器發(fā)異步請(qǐng)求，從服務(wù)器獲得數(shù)據(jù)，然后用javascript來操作DOM而更新頁面。這其中最關(guān)鍵的一步就是從服務(wù)器獲得請(qǐng)求數(shù)據(jù)。原生創(chuàng)建ajax可分為以下四步

1.創(chuàng)建XMLHttpRequest對(duì)象

現(xiàn)代瀏覽器中創(chuàng)建一個(gè)XMLHttpRequest對(duì)象

var xhr = new XMLHttpRequest();

2.準(zhǔn)備請(qǐng)求

初始化上一步創(chuàng)建好的對(duì)象，這里可以接受三個(gè)參數(shù)，如下

xhr.open(method,url,async);

第一個(gè)參數(shù)表示請(qǐng)求類型，GET或者POST。
第二個(gè)參數(shù)表示目標(biāo)ur
第三個(gè)參數(shù)true代表異步模式請(qǐng)求；false代表同步模式，不建議使用；
異步模式下如果網(wǎng)絡(luò)阻塞或響應(yīng)不及時(shí)等，均會(huì)阻塞在這里等待 出現(xiàn)頁面掛起的情況

//GET請(qǐng)求
xhr.open("GET",demo.php?name=tsrot&age=24,true);

//POST請(qǐng)求
xhr.open("POST",demo.php,true);

3.發(fā)送請(qǐng)求

一般情況下，使用Ajax提交的參數(shù)多是些簡(jiǎn)單的字符串，可以直接使用GET方法將要提交的參數(shù)寫到open方法的url參數(shù)中，此時(shí)send方法的參數(shù)為null或?yàn)榭铡?/p>

GET請(qǐng)求

xhr.open("GET",demo.php?name=tsrot&age=24,true); 
xhr.send(null);

POST請(qǐng)求

xhr.open("POST",demo.php,true); 
xhr.setRequestHeder("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");
xhr.send()

4.處理請(qǐng)求

xhr.onreadystatechange = function(){
    if(xhr.readyState == 4 && xhr.status == 200){
        console.log(xhr.responseText); 
      }
}

onreadystatechange ：當(dāng)處理過程發(fā)生變化的時(shí)候執(zhí)行下面的函數(shù)
readyState ：ajax處理過程0：請(qǐng)求未初始化（還沒有調(diào)用 open()）。
1：請(qǐng)求已經(jīng)建立，但是還沒有發(fā)送（還沒有調(diào)用 send()）。
2：請(qǐng)求已發(fā)送，正在處理中（通常現(xiàn)在可以從響應(yīng)中獲取內(nèi)容頭）。
3：請(qǐng)求在處理中；通常響應(yīng)中已有部分?jǐn)?shù)據(jù)可用了，但是服務(wù)器還沒有完成響應(yīng)的生成。
4：響應(yīng)已完成；您可以獲取并使用服務(wù)器的響應(yīng)了。

responseText：獲得字符串形式的響應(yīng)數(shù)據(jù)responseXML：獲得 XML形式的響應(yīng)數(shù)據(jù)返回值一般為json字符串，可以用JSON.parse(xhr.responseText)轉(zhuǎn)化為JSON對(duì)象

5.樣例

var xhr = false; 
if( XMLHttpRequest){ 
    xhr = new XMLHttpRequest();
    }
else{ 
    xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
if(xhr) {
    //如果xhr創(chuàng)建失敗，還是原來的false 
    xhr.open("GET","./data.json",true); 
    xhr.send(); 
    xhr.onreadystatechange = function(){ 
        if(xhr.readyState == 4 && xhr.status == 200){                                                          console.log(JSON.parse(xhr.responseText).name);
          }
      }
}

以上是“javascript中Ajax基礎(chǔ)知識(shí)點(diǎn)有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

網(wǎng)站標(biāo)題：javascript中Ajax基礎(chǔ)知識(shí)點(diǎn)有哪些-創(chuàng)新互聯(lián)
當(dāng)前鏈接：http://chinadenli.net/article2/cophoc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、標(biāo)簽優(yōu)化、定制網(wǎng)站、App設(shè)計(jì)、搜索引擎優(yōu)化、品牌網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)