一、什么是AJAX網(wǎng)絡(luò)請(qǐng)求

1、AJAX 即“Asynchronous Javascript And XML”（異步 JavaScript 和 XML），是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。
Ajax = 異步 JavaScript 和 XML（標(biāo)準(zhǔn)通用標(biāo)記語言的子集）。

2、Ajax 是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁的技術(shù)。
Ajax 是一種在無需重新加載整個(gè)網(wǎng)頁的情況下，能夠更新部分網(wǎng)頁的技術(shù).
通過在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，Ajax 可以使網(wǎng)頁實(shí)現(xiàn)異步更新。這意味著可以在不重新加載整個(gè)網(wǎng)頁的情況下，對(duì)網(wǎng)頁的某部分進(jìn)行更新。
傳統(tǒng)的網(wǎng)頁（不使用 Ajax）如果需要更新內(nèi)容，必須重載整個(gè)網(wǎng)頁頁面。

3、Ajax的核心內(nèi)容就是 JavaScript 對(duì)象 XMLHttpRequest

4、Ajax工作流程

image.png

二、創(chuàng)建XMLHttpRequest

1、創(chuàng)建一個(gè)xhr對(duì)象

    //XMLHttpRequest 對(duì)象用于在后臺(tái)與服務(wù)器交換數(shù)據(jù)。
    var xhr =new XMLHttpRequest();

2、對(duì)xhr進(jìn)行配置

//open(傳輸方式get/post,網(wǎng)址，是否異步 true/false)
xhr.open("get","register.php",true);

3、發(fā)送網(wǎng)絡(luò)請(qǐng)求

xhr.send();

4、監(jiān)聽網(wǎng)絡(luò)請(qǐng)求狀態(tài)并接收網(wǎng)絡(luò)返回的數(shù)據(jù)

    //請(qǐng)求過程中，readyState會(huì)發(fā)生變化
    //0-初始狀態(tài)
    //1-創(chuàng)建連接
    //2-客戶端向服務(wù)端發(fā)送數(shù)據(jù)
    //3-服務(wù)端開始向客戶端返回?cái)?shù)據(jù)
    //4-客戶端接收數(shù)據(jù)完畢
    xhr.onreadystatechange = function(){
    
    }