知識點的羅列:
一、什么是AJAX?
(1) AJAX = 異步 JavaScirpt 和 XML。
(2) AJAX是一種用于創建快速動態網頁的技術
(3) 通過在后臺與服務器進行少量資料交換,AJAX可以使網頁實作異步更新。【AJAX是一種在無需重新加載整個網頁的情況下,能夠更新部分網頁的技術】
二、AJAX基于因特網標椎(使用以下技術結合):
(1) XMLHTTpRequest 物件(與服務器異步互動資料)
(2) JavaScript/DOM (顯示/取回資訊)
(3) CSS (設定資料的樣式)
(4) XML (常用資料的樣式)
【AJAX 應用程式是獨立瀏覽器和平臺的】
/*
同步與異步:
1、 同步
- 就是指一個行程在執行某個請求的時候
- 若該請求需要一段時間才回傳資訊,那么這個行程將會一直等待下去,直到收到回傳資訊才繼續執行下去
- 同步
//請求一 1ms
//請求二 1ms
//請求三 1ms
- 異步 1.3ms
2、 異步
- 是指行程不需要一直等下去,而是繼續執行下面的操作,不管其他行程的狀態。
- 當有資訊回傳系統會通知行程進行處理,這樣可以提高執行的效率
異步實作:
1、運用HTML與CSS來實作頁面,表達資訊
2、運用XMLHttpRequest和web服務器進行資料的異步交換
3、運用JavaScript操作DOM,實作動態區域重繪
*/
三、ajax方法()
常見引數:
(1)options 型別:Object
可選。AJAX請求設定。所有選項都是可選的。
(2)async 型別:Boolean
默認值:true。默認設定下,所有請求均為異步請求。如果需要發送同步請求,請將次選項設定 為false。(同步請求將鎖住瀏覽器,用戶其它操作必須等待請求完成才可以執行。)
(3)complete 型別:function
- 請求完成后回呼函式(請求成功或失敗之后均呼叫)
- 引數: XMLHttpRequest 物件和一個描述請求型別的字串。(這是一個ajax事件)
(4)contentType 型別:string
- 默認值: "application/x-www-form-urlencoded"。發送資訊至服務器時內容編碼型別。
- 默認值適合大多數情況。如果你明確地傳遞了一個 content-type 給 $.ajax() 那么它必定會發送給服務器(即使沒有資料要發送)。
(5) data 型別:string
- 發送到服務器的資料。將自動轉換為請求字串格式。
- GET 請求中將附加在 URL 后。查看 processData 選項說明以禁止此自動轉換。
(6) datatype 型別:string
- 預期服務器回傳的資料型別。
- 如果不指定,jQuery 將自動根據 HTTP 包 MIME 資訊來智能判斷,比如 XML MIME 型別就被 識別為 XML。在 1.4 中,JSON 就會生成一個 JavaScript 物件,而 script 則會執行這個腳本。
- 隨后服務器端回傳的資料會根據這個值決議后,傳遞給回呼函式。
(7)error 型別:function
- 默認值: 自動判斷 (xml 或 html)。請求失敗時呼叫此函式。
- 有以下三個引數:XMLHttpRequest 物件、錯誤資訊、(可選)捕獲的例外物件。
- 如果發生了錯誤,錯誤資訊(第二個引數)除了得到 null 之外,還可能是 "timeout", "error", "notmodified" 和 "parsererror"。
(8)success 型別:function
- 請求成功后的回呼函式。
- 引數:由服務器回傳,并根據 dataType 引數進行處理后的資料;描述狀態的字串。 (這是一個ajax事件)
(9)type 型別:string
- 默認值: "GET")。
- 請求方式 ("POST" 或 "GET"), 默認為 "GET"。注意:其它 HTTP 請求方法,如 PUT 和 DELETE 也可以使用,但區域分瀏覽器支持。
(10)url 型別:string
- 默認值: 當前頁地址。發送請求的地址。
常用回呼函式:
(1) Success
- 當請求之后呼叫。傳入回傳后的資料,以及包含成功代碼的字串。
(2) Complete
- 當請求完成之后呼叫這個函式,無論成功或失敗。傳入 XMLHttpRequest 物件,以及一個包含成功或錯誤代碼的字串
用AJAX方法發送資料到服務器:
- 默認情況下,ajax請求使用get方法。如果要使用 POST 方法,可以設定 type 引數值。這個選項也會影響 data 選項中的內容如何發送到服務器。 (method:也可以設定方式)
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/16559.html
標籤:其他技術專區
下一篇:白日做夢還不錯
