常見的請求檔案分為靜態資料和動態資料兩種:
動態資料(陣列,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...