Ajax介紹和基本應用方法

2021-10-03 08:29:50 字數 1578 閱讀 6091

中文音譯:阿賈克斯

屬於js中的知識點

ajax是瀏覽器提供的一套方法,通過呼叫這些方法可以實現頁面的無重新整理更新資料,提高使用者瀏覽**應用的體驗。

ajax技術實現了使用者瀏覽網頁的過程中區域性的更新資料,提高了應用體驗。(再不重新整理頁面的過程中向伺服器傳送請求家在資料)

1)頁面上拉載入更多資料

2)列表資料重新整理分頁

3)表單項離開焦點資料驗證

4)搜尋框提示文字下拉列表

(使用者在輸入框中輸入文字時候,根據頁面文字在伺服器搜尋,在下方提示相關資訊)

ajax技術需要執行在**環境中才能生效。在node建立的伺服器作為**伺服器。實現靜態資源的下面。(要有node基礎)

ajax執行原理與實現

1)傳統的請求處理方式

瀏覽器(請求)—>伺服器端(響應)------>瀏覽器

注意:這個過程中開發人員不可控

2)ajax的處理方式

瀏覽器端(建立)----> ajax (請求)----->伺服器端(響應)------->ajax(響應)----->瀏覽器

注意:這個過程之中開發人員可控

1)建立ajax物件

2)告訴axja的請求位址以及請求方式

xhr.open(『get』, 』

3)傳送請求

xhr.send();

4)獲取伺服器給使用者端的響應資料

xhr.onload = function()

規定:在網路傳輸中都是以字串的形式來傳輸資料的。

在大部分專案中,伺服器端大多數情況下會議json物件作為響應資料的格式。當客戶拿到響應資料時候,將json資料和html字串進行拼接,然後將拼接的結果展示在頁面中。

在http請求與響應的過程中,無論是請求引數還是響應內容,如果是物件型別,最終都會被轉化成物件字串來進行傳輸。

json.prase() //將json字串轉換為json物件

請求引數傳遞

傳統**表單的遞交

get請求方式

xhr.open(『get』, 『

post請求方式

//post請求引數和get請求引數最大的區別是,post要設定請求報文頭

請求報文

在http請求和響應過程中傳遞的資料塊就是報文,包括要傳遞的資料和一些附加資訊,這些資料和資訊要遵守規定好的格式。

請求引數格式

json.stringify() //將json物件轉換為字串

ajax 基本應用 詳細介紹

xmlhttprequest物件屬性 onreadystatechange 指定當readystate屬性改變時的事件處理控制代碼 readystate 返回當前請求的狀態 responsebody 將回應資訊正文以unsigned byte陣列形式返回 responsestream 以ado st...

棧和佇列基本應用

一 棧 棧 是限定僅在表尾進行插入或刪除操作的線性表,表尾段稱為棧頂,表頭段稱為棧底,棧有稱後進先出線性表。棧有順序棧和鏈棧。個人總結 棧的操作可以在陣列的基礎上,也可以運用stack。陣列的操作就不多說了,現在總結一下stack。stack基本應用。標頭檔案 include stack stack...

SIP基本應用

sip基本應用 sip 協議作為 voip 通訊的主要協議之一,以起簡單,靈活,開放性而逐漸在 voip 通訊領域內佔據主導地位。使用 sip通訊的主要方式如下圖,主要裝置有 sip終端,定向伺服器,位置伺服器,pstn 閘道器等裝置。sip協議發展的目前,最新標準為 rfc3261 主要的網路裝置...