jQuery Ajax 加載數(shù)據(jù)時異步顯示加載動畫
更新時間：2016年08月01日 11:54:21 作者：勿勿
這篇文章主要介紹了jQuery Ajax 加載數(shù)據(jù)時異步顯示加載動畫的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
ajax加載后臺數(shù)據(jù)就不說的那么細了。
看下面代碼首先前臺上放置代碼
<div id="loadgif" style="width:66px;height:66px;position:absolute;top:50%;left:50%;"> <img alt="加載中..." src="../../Images/loading1.gif"/> </div>
在js腳本文件中首先把這個圖片動畫隱藏
代碼如下
$(document).ready(function () { $("#loadgif").hide();});
然后異步ajax提交請求代碼如下
$(function () {
var find = new Find();
//alert(find.Template);
$.ajaxSetup({
cache: false,
async: true,
global: false,
type: "POST"
});
$("#queryBtn").click(function () { $("#loadgif").show(); find.Get() });
.....................
注意:
async: true,
當(dāng)點擊queryBtn按鈕的時候就調(diào)用動畫顯示
$("#loadgif").show();
然后提交請求
等收到請求后就
$("#loadgif").hide();
效果如下：
以上所述是小編給大家介紹的jQuery Ajax 加載數(shù)據(jù)時異步顯示加載動畫，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
- jquery實現(xiàn)tab選項卡切換效果（懸停、下方橫線動畫位移）
- jQuery實現(xiàn)鼠標(biāo)經(jīng)過顯示動畫邊框特效
- jQuery實現(xiàn)的背景顏色漸變動畫效果示例
- 淺談原生JS實現(xiàn)jQuery的animate()動畫示例
- 利用原生JS與jQuery實現(xiàn)數(shù)字線性變化的動畫
- 詳解jQuery停止動畫——stop()方法的使用
- jQuery之動畫效果大全
- 原生js實現(xiàn)jquery函數(shù)animate()動畫效果的簡單實例
- jQuery實現(xiàn)圖像旋轉(zhuǎn)動畫效果
- 詳解JQuery基礎(chǔ)動畫操作
相關(guān)文章
這篇文章主要介紹了EasyUI為Numberbox添加blur事件的方法 ,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-03
這篇文章主要為大家詳細介紹了jquery+Ajax實現(xiàn)簡單分頁條效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
本文實例中主要是通過判斷點擊菜單在菜單列表中的索引位置來顯示或隱藏選項區(qū).原生js還有很多種實現(xiàn)方法(藍色理想中搜索),為了與jQ版思路保持一致,本文實例用的是循環(huán)判斷.有需要的小伙伴可以參考下2015-04-04
jQuery Validate 驗證,校驗規(guī)則寫在控件中的具體實例
本篇文章主要是對jQuery Validate 驗證,校驗規(guī)則寫在控件中的具體實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
下面小編就為大家分享一篇jquery animate動畫持續(xù)運動的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-11-11
這篇文章主要介紹了七個不允許錯過的jQuery小技巧，幫助WEB開發(fā)人員開發(fā)出有創(chuàng)意和漂亮的WEB頁面,需要的朋友可以參考下2015-12-12
easyui中combotree循環(huán)獲取父節(jié)點至根節(jié)點并輸出路徑實現(xiàn)方法
下面小編就為大家?guī)硪黄猠asyui中combotree循環(huán)獲取父節(jié)點至根節(jié)點并輸出路徑實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要介紹了jQuery增加自定義函數(shù)的方法,通過簡單的樣式添加為例分析了jquery增加自定義函數(shù)的實現(xiàn)技巧,非常簡單實用,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
基于jquery的textarea發(fā)布框限制文字字?jǐn)?shù)輸入(添加中文識別)
基于jquery的textarea發(fā)布框限制文字字?jǐn)?shù)輸入(添加中文識別),需要的朋友可以參考下2012-02-02
JQuery擴展插件Validate—6 radio、checkbox、select的驗證
radio、checkbox、select的驗證其實方法與前面提到?jīng)]有太大的區(qū)別，但問題是錯誤信息會顯示在同一組的第一個元素后面2011-09-09