原生Ajax寫法(GET)

2022-03-20 19:01:40 字數 804 閱讀 6128

ajax的get提交方式的原生**:

這個物件是針對老式ie瀏覽器的

onreadystatechange事件 

當readystate的值發生改變時觸發此事件

open() 這個方法有三個引數,open("提交方式 get/post","資源的位址",非同步或者同步 true/false);

readystate 準備狀態

0 (未初始化)物件已建立,但是尚未初始化(尚未呼叫open方法)

1(初始化)已呼叫send()方法,正在傳送請求

2(傳送資料)send()方法呼叫完成,但是當前的狀態及http頭未知

3(資料傳送中)已接收部分資料,因為相應及http頭不全,這時通過responsetext獲取部分資料會出現錯誤

4(完成)資料接收完成,此時可以通過responsetext獲取完整的資料

status 請求狀態 

200(成功)

404(沒有發現檔案)

500(伺服器內部錯誤)

responsetext 請求成功後獲取資料

js原生的ajax寫法

一直都在用jquery的ajax寫法,卻忘記原生的ajax寫法了,今天覆習一遍。先宣告乙個非同步請求物件 如果例項化成功,就呼叫open 方法,就開始準備向伺服器傳送請求 設定函式doresult function doresult 原生的js的ajax寫法主要有三點 1 建立非同步請求物件 非同步...

原生ajax的封裝寫法以及總結

1.原生 ajax get 請求 2.原生 ajax post 請求 3.封裝 ajax 請求步驟 1 建立xhr 2 監聽xhr.onreadystatechange事件 ajax狀態發生變化的事件 3 判斷ajax請求的狀態 4 設定請求方式和url 5 傳送請求 使用xhr物件傳送get方式請...

原生ajax 傳送get和post請求篇

get 建立ajax物件 配置請求方式和請求位址 ajaxget.open get 小艾 傳送 ajaxget.send 監聽狀態和接受資料 ajaxget.onreadystatechange function post 建立ajax物件 配置請求方式和請求位址 ajaxpost.open pos...