關於Ajax以及開發Ajaxt的基本步驟

2021-05-02 01:26:15 字數 1889 閱讀 5479

一、ajax的相關知識點:

1.如何建立xmlhttprequest物件?

注:這與瀏覽器的版本有關,window.activexobject 若返回物件,則條件為true,否則為false

2.xmlhttprequest物件的相關方法和屬性

方法:a. abort(); --> 停止當前請求

b. getallresponseheaders() --> 把http的所有請求響應首部作為鍵/值對返回;

b. getresponseheader(header) --> 返回指定首部的串值;

c. open(method,url,boolean,username,password)--> 建立對伺服器的呼叫,method表示請求方法,

url 表示請求資源(jsp,html,serlvet,xml,txt),boolean表示是否同步(若為true,則非同步執行,若為false,則為同步(即上

一步未完成,則下一步不會執行,在預設情況下為非同步的),username和password表示使用者名稱和密碼

注:後三個引數為可選引數。

d. setrequestheader("header","value");設定首部的值,該方呼叫必須在open()之後;

e. send(context);向伺服器傳送請求;若為post請求,則context為請求引數,若為get請求則context為空!

屬性:a. onreadystatechange 這是乙個事件,每改變乙個狀態都會觸發該事件;

b. readystate 表示狀態 有5個可取值:0=未初始化,1=正在載入,2=已載入,3=互動中,4=完成

c. responsetext 來自伺服器的文字響應;

d. respon***ml 返回乙個dom物件;

e. status 伺服器的http狀態碼(200對應(ok),404對應not found(未找到),等等);

f. statustext 表示狀態碼對應文字;

二、用ajax開發web程式的一般步驟:

1.客戶端

a. 例項化乙個全域性的xmlhttprequest物件

b. 為xmlhttp的onreadystatechange事件繫結乙個函式

c. 建立對伺服器的呼叫

d. 禁用客戶端快取

e. 正式傳送請求

b.設定客戶端響應輸出方式(取決於responsetext 和 respon***ml)

response.setcontenttype("text/xml;character=utf-8");

或response.setcontenttype("text/html;character=utf-8");

c.禁用快取

response.setheader("pragma", "no-cache");

response.setheader("cache-control", "no-cache");

response.setdateheader("expires",0);

AJAX以及輪詢

get 請求let xhr 方法1 方法2 post 請求let url 設定請求超時時間 xhr.open post url,true xhr.setrequestheader content type xhr.onload else xhr.ontimeout xhr.onerror xhr.s...

關於ajax小記

本文借鑑這位大哥的內容 1.ajax用 選擇器 val 獲取元素的value值 2.ajax中如果是賦值 demoid val 賦值的引數 3.注意data和datatype是不同的意思,乙個是往後台傳值,乙個是伺服器返回的資料型別。如果返回的不是json,而datatype是json的話,會無法傳...

關於ajax技術

前幾天終於抽時間讀了一些ajax的資料.關於ajax的框架還沒來得及去了解,專案中也只應用了部分ajax技術.其實這個技術在2002年的時候就用過了,那時候是做web監控的東西,要在web上及時的取資料,並且頁面不重新整理,當時採用了兩種模式,一種是隱藏iframe的方式,一種就是通過request...