加载数据之前的加载等待中效果

eg1.

效果图：

jsp:

加载中，请稍后...

js:

/**
 * 查询报表
 * @return {Boolean}
 */
function query(){
var tm = $("#date").val();
var stcd = $("#stationId").val();
var stnm = $("#stationId").find("option:selected").text();
var itemId = $("#stationType").val();
var data = {
stcd:stcd,
tm : tm,
stnm:stnm
};
var url = "";
if (itemId == "PP") {
url = appPath + "/raindayreport.do";
}
else if (itemId == "ZZ") {
url = appPath + "/waterdayreport.do";
} else if (itemId == "BB") {
url = appPath + "/evapdayreport.do";
} else if (itemId == "TP") {
url = appPath + "/tempdayreport.do";
} else if (itemId == "RZ") {
url = appPath + "/leveldayreport.do";
data.trans_id = $("#trans_id").val();
data.trans_name = $("#trans_id").find("option:selected").text();
} else if (itemId == "WF") {
url = appPath + "/flowdayreport.do";
} else {
return;
}
$.ajax({
url : url,
data : data,
beforesend:function(){
 $("#wait").attr("style","display:show();");
},
type : "post",
dataType : "text",
success : function(result) {
$("#wait").attr("style","display:none;");
$("#reportDiv").html(result);
}
});
}

加载的动态图片：

欢迎各位童鞋下载！

eg2.

 

最近发布的预警信号

　  

 
 
   
   
 
 

//数据加载中

内容	发布时间
数据加载中...

createScript(DATA_PATH + "szWeather/alarm/szAlarmHistory.js?"+Math.random(),initRecentAlarm);
function initRecentAlarm()
{
if(typeof SZ121_szAlarmHistory=='undefined') return;
$("#alarm_content_list").html('');//清空tbody里的内容
$("#alarm_content_list").setTemplate("{#foreach $T as record}{$T.record.signaltxt}{$T.record.recdate}{#/for}");//向tbody里加入新的内容
$("#alarm_content_list").processTemplate(SZ121_szAlarmHistory);
}
相关文章可以参考：http://my.csdn.net/my/mycsdn?c=1817956f829c660357743d0591725252

以及：http://www.makaidong.com/博客园文/35450.shtml