ajax學習筆記

2021-07-23 20:29:23 字數 2355 閱讀 8474

ajax學習:

1、ajax的作用:

ajax區域性重新整理技術,其實就是使用js實現區域性資料的實時變更

解決了不同響應之間資料共享的問題

優勢:

提高了網路傳輸效率,提公升了使用者體驗

2、ajax的使用

建立ajax物件:

瀏覽器差異問題

複寫onreadystatechange函式

接收響應結果:

響應資料的型別:

普通文字:就是字串

json格式的資料:

就是使用了json資料格式拼接的字串,這樣在客戶端我們就可以

使用eval()方法將響應的字串資料轉換成可執行的js**

極力推薦使用json資料格式來做響應

xml資料:

使用jsp頁面來書寫xml資料,設定響應頭為xml型別的資料。

在客戶端使用respon***ml來接收響應的xml資料(返回document物件)。

使用document物件來操作xml資料

doc.getelementsbytagname("標籤名")[角標].firstchild.data

按照readystate的值為4來接收,4表示響應資料成功接收

status:200表示一切ok

404表示資源未找到

500表示伺服器內部錯誤

處理響應結果:

使用js操作文件結構

建立並傳送請求:

非同步同步:

非同步:預設是非同步,會開闢兩個執行緒,主線程會繼續執行**,子執行緒來處理響應結果的**

同步:乙個執行緒,會等待處理結果完成後,再繼續執行後面的**

get:

請求資料以問號的形式拼接在url後面,鍵值對。

因為瀏覽器差異的問題,在send的時候一定是:send(null)

request.open("get","uri?使用者請求資料");

request.send(null);

post:

post是有請求實體的,使用者資料使用send直接傳送

request.open("post","uri");

request.send("使用者資料");

總結:

ajax學習:

1、ajax的優勢及誕生

2、ajax的使用

建立ajax物件

複寫onreadstatechange函式

狀態碼

響應資料格式

普通文字

json

xml

建立並傳送請求

非同步同步

get方式

post方式

Ajax學習筆記

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

ajax學習筆記

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

AJAX學習筆記

http狀態碼 1xx 資訊類,表示收到web瀏覽器請求,正在進一步的處理中 2xx 成功,表示使用者請求被正確接收,理解和處理,例如200 ok 3xx 重定向,表示請求沒有成功,客戶必須採取進一步的動作 4xx 客戶端錯誤,表示客戶端提交的請求有錯誤,例如404 not found,意味著請求中...