Ajax學習筆記

2021-10-09 04:35:16 字數 1176 閱讀 5616

常見的請求檔案分為靜態資料和動態資料兩種:

動態資料(陣列,json)

建立ajax庫分為四步驟,主要如下:

建立ajax物件;

連線到伺服器;

傳送請求;【告訴伺服器你要什麼檔案】

接收返回值;【伺服器返回你要的檔案】

示例:

//建立ajax物件

if (window.xmlhttprequest)//undefined在if裡面代表假

//連線伺服器

//open(方法,檔名,非同步傳輸)

oajax.open("get", "../aaa.txt?t=" + new date().gettime(), true);

//傳送請求

oajax.send();

//接收請求    [網速使然,並不知道何時才能返回,使用onreadystatechange來判斷]

oajax.onreadystatechange = function () else

}};

json操作示例

屬性和變數(js):用沒有定義的變數-報錯;用沒有定義的屬性-undefined【解釋上文為何用window.xmlhttprequest做判斷】

//

var a=12;

alert(a);//12

alert(window.a);//12 全域性變數是window的乙個屬性

//假設我沒有給a賦值

alert(a);//報錯

alert(window.a);//undefined

readystate狀態:

0  :(未初始化)還沒有open()方法

1  :(載入)已呼叫send()方法,正在傳送請求

2  :(載入完成)send()方法完成,已收到全部響應內容

3  :(解析)正在解析響應內容

4  :(完成)響應內容解析完成,可以在客戶端呼叫了

Ajax學習筆記

send string string 僅用於post請求 使用get還是post 與post相比,get更簡單更快,大部分情況下使用 下面情況使用post請求 無法使用快取檔案 更新伺服器上的檔案或資料庫 向伺服器傳送大量資料 傳送包含未知字元的使用者輸入時,post更穩定和可靠 get請求例項 請...

ajax學習筆記

ajax學習 1 ajax的作用 ajax區域性重新整理技術,其實就是使用js實現區域性資料的實時變更 解決了不同響應之間資料共享的問題 優勢 提高了網路傳輸效率,提公升了使用者體驗 2 ajax的使用 建立ajax物件 瀏覽器差異問題 複寫onreadystatechange函式 接收響應結果 響...

ajax學習筆記

物件的建立 var xhr null if window.xmlhttprequest else或者使用try catch語句var xhr null trycatch e responsetext中的內容格式是字串window.onload function else trycatch e xhr...