2015年3月13日 星期五

[jQuery] jQuery ajax 使用方法 + 讀取時有 loading 圖示


jQuery ajax 的用法
url:要呼叫的 url
data:要傳的值,可以用 {a:"abc", b:"def"}
type:"POST",也可以用GET
dataType:"text",回傳的格式,如回傳是json 就為json
success:成功
error:失敗或錯誤
讀取資料時會有loading訊息要增加以下兩個參數
complete:請求完成時執行的函式(不論結果是success或error)。
beforeSend:發送請求之前會執行的函式。
一開始把loadingIMG設定為不可被看見(隱藏),當你按下 送出按鈕後,

他會去執行Submit()的函數。其後執行ajax的運作。

當他開始運作的時候,會先去執行beforeSend裡面的function,

這時會把loadingIMG顯示出來($('#loadingIMG').show();),

當執行完成之後,不論是成功或是有錯誤,

都會去執行complete,在去把loadingIMG隱藏起來

($('#loadingIMG').hide();)。

Loading 圖示可以從以下網站取得
http://ajaxload.info/
jquery ajax 文件 http://api.jquery.com/jquery.ajax/

沒有留言: