ajax載入後台資料就不說的那麼細了。
看下面程式碼先在前台放置程式碼
<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();});.....................
注意:
async: true,
當點擊queryBtn按鈕的時候就調用動畫顯示
$(function () {
var find = new Find();
//alert(find.Template);
$.ajaxSetup({
cache: false,
async: true,
global: false,
type: "POST"
});
$("#queryBtn").click(function () { $("#loadgif").show(); find.Get() });$("#loadgif").show();
