Ajax使用原生js創建的步驟

創建步驟（使用原生js）

1，創建加載函數，獲取頁面中元素

2，給頁面中元素添加事件

3，創建Ajax對象

var hxr1 = new XMLHttpRequest(); 新版本

var hxr2 = new ActiveXObject(“Microsoft.XMLHTTP”); 老版本

在創建對象時需要使用判斷語句判斷(window.XMLHTTPRequest)是新版本還是舊版本

4,準備發送

​ xhr1.open(請求類型(post或者get),文件在服務器上的位置,同步或者異步(false/true))

​ xhr1.send();

​ 使用get請求時用null,且需要將數據添加到open的地址中

​ 在使用post請求時需要在send前添加

​ xhr1.setRequestHeader(‘Content-Type’,‘application/x-www-from-urlencoded’);

​ 然後將參數寫進send中

​ xhr1.send(參數);

5,回調函數

​ xhr1.onreadystatechange=function(){

​ if(xhr1.readystate==4 && xhr1.status ==200){

​ 需要執行的命令;

​ 接受數據

​ }

}

readystate的值

• 0: 請求未初始化
• 1: 服務器連接已建立
• 2: 請求已接收
• 3: 請求處理中
• 4: 請求已完成，且響應已就緒

status的值

200: “OK”
404: 未找到頁面

https://www.cnblogs.com/ertingbo/p/7049352.html (狀態碼查詢)