有的時候query等資料回傳要花點時間(極限3秒以內),為了在這幾秒不讓user以為程式當掉,
因此在程式加上loading的訊息讓user知道必須稍後。
complete:請求完成時執行的函式(不論結果是success或error)。
beforeSend:發送請求之前會執行的函式。
一開始將#loadingIMG display:none,
submit後,會先跑beforeSend的function,
執行完成後,無論success或error都會執行complete。
Example:
Ajax:
$.ajax({
……
beforeSend:function() {
$(‘#loadingIMG’).show();
},
complete:function() {
$(‘#loadingIMG’).hide();
},
……
});
HTML:
……
<div id=”loadingIMG” style=”display:none”>
<img src=”../images/loading1.gif”/>
<p>資料處理中,請稍後。</p>
</div>
……
參考資料: http://expect7.pixnet.net/blog/post/39829979-%5B%E7%A8%8B%E5%BC%8F%5D%5Bjquery%5D-%E8%AE%93ajax%E9%81%8B%E4%BD%9C%E7%9A%84%E6%99%82%E5%80%99%EF%BC%8C%E8%B7%B3%E5%87%BAloding%E7%9A%84%E8%A8%8A