Ajax入門學習

2021-10-22 08:32:19 字數 1625 閱讀 4908

向伺服器傳送請求

伺服器響應

onreadystatechange事件

xmlhttpresquest是ajax的基礎

所有現代瀏覽器(ie7+、firefox、chrome、safari 以及 opera)均內建 xmlhttprequest 物件。

xmlhttprequest 物件用於和伺服器交換資料

如果需要向伺服器傳送請求,需要使用xmlhttprequest物件的open()和send()方法

;方法

描述open(method,url,async)

規定請求的型別、url以及是否非同步處理請求。

send(string)

將請求傳送到伺服器。

string:僅用於post請求

get更簡單更快,並且大部分情況下都可以使用

然而,在以下情況下,請使用post請求:

如需獲得來自伺服器的響應,請使用 xmlhttprequest 物件的 responsetext 或 respon***ml 屬性

屬性描述

responsetext

獲得字串形式的響應資料

respon***ml

獲得xml形式的響應資料

如果來自伺服器的響應並非 xml,請使用 responsetext 屬性。

使用方式:document.getelementbyid("").innerhtml = xmlhttp.responsetext;

如果來自伺服器的響應是 xml,而且需要作為 xml 物件進行解析。

使用方式:

).innerhtml=txt;當請求被傳送到伺服器時,我們需要執行一些基於響應的任務。

每當 readystate 改變時,就會觸發 onreadystatechange 事件。

readystate 屬性存有 xmlhttprequest 的狀態資訊。

下面是 xmlhttprequest 物件的三個重要的屬性:

屬性描述

onreadystatechange

儲存函式(或函式名),每當readystate屬性發生變化時,就會呼叫該函式

readystate

存有xmlhttprequest的狀態。從0到4發生變化

status

200 :」ok「

404 : 未找到頁面

當readystate等於4且狀態為200時,表示響應已就緒:

ajax入門學習

首先,瀏覽器從伺服器拿到的是包含了各種標籤的一段 它會對其進行解析,並轉化為一顆 樹 也就是說,有的部分會直接顯示出來,而很多部分是作為具備特殊含義的標籤來解析的,從而控制格式 樣式 動作 事件等。而整個頁面會被轉化為document物件,也就是文件節點。與文件節點類似,還有元素節點 a p div...

Ajax快速入門

ajax的應用,實現了頁面的區域性重新整理,改善了客戶體驗 直接在js中呼叫遠端伺服器上的方法,就像方法在js中一樣 ajax使用的核心步驟 1.建立xmlhttprequest 物件 解釋 如果當前瀏覽器支援activexobject物件.則由activexobject來建立xmlrequest物...

Ajax 入門總結

由於eclipse rap用到了開源的ajax框架 qooxdoo,並且自定義ui需要用js表達,所以不得已,先學習一下ajax 進入ajax領域出現了幾個小問題 ajax技術必須了解,互動是服務端和客戶端的,而不是客戶端的互動,http localhost 上面的問題,很多老手也會犯的,呵呵 核心...