jquery學習筆記（五）ajax

$(selector).load( url [,date] [,callback] )

url:請求頁面的url地址

date:發送至伺服器的key:value資料

callback:請求完成時的回呼函數，無論請求成功或失敗,即只要XMLHttpRequest對象的狀態為4或complete時就調用

 

此函數會將ajax返回的內容作為innerHTML插入到selector裡面如果需要可以在url後面添加參數來篩選要插入的內容

如果有date參數則按照POST方式發送，否則按照GET方式發送。date資料的格式為{key1:value1,key2:value2…}

回呼函數自動傳入三個參數，分別是返回的內容、請求狀態、XMLHttpRequest對象。請求狀態指的是伺服器返回狀態，而不是XMLHttpRequest對象狀態，總共分success、error、notmodified、timeout四個狀態

 

$.get( url [,date] [,callback] [,type] )

url:請求頁面的url地址

date:發送至伺服器的key:value資料，格式為{key1:value1,key2:value2…}

callback:載入成功時的回呼函數，即當伺服器返回狀態為200時。會自動傳入兩個參數，第一個為返回的內容，第二個為請求狀態

type:作用貌似不大

此函數將以GET方式發送資料

$.post( url [,date] [,callback] [,type] )

用法與$.get方法一致，只不過發送資料的方式為POST

 

$.getScript( url [,callback] )

用來動態載入js指令碼的函數

url:要載入的指令碼的url地址

callback:指令碼載入成功後的回呼函數

$.getJSON( url [,callback] )

用來載入json檔案的函數

url:要載入的json檔案url

callback:json檔案載入成功後的回呼函數，會自動傳入一個參數即json對象

 

$.ajax( opitions )

opitions為一個key:value對象，裡面規定了各種參數，常用參數有：

url:

type:

timeout:

date:

datetype:

beforeSend:

complete:

success:

error:

具體jquery請見參考手冊,本函數運用的機會應該不大

 

$.each( objecy/array,callback )

用來遍曆數組或對象的函數，該函數只能遍曆一層，要遍曆多層則需重複使用

object/array:要遍曆的數組或對象

callback:操作函數，會自動傳入兩個參數，第一為對象的成員或數組的索引，第二個為具體的內容