JQuery Ajax 页面加载…急急急！在线等……

Question

谁可以提供一下使用JQuery Ajax加载页面数据时将页面变成不可编辑的，等加载完了恢复正常的源码
类似于QQ秀主页http://show.qq.com的效果！最好是JQuery Ajax做的。谢谢了…………

Answer 1

我这里只是一个按钮不可用//提交按钮不可用
$("#updateBtn").attr("disabled","disabled");

/*保存入库单信息*/
$.ajax({
async:false,
dataType:"text",
type:"Post",
url:"../importBillManage.do?method=doImportStoreBill&importHeader="+encodeURI(importHeader)+"&alldata="+encodeURI(alldata),
success:function(msg){
var sign=new Array();
sign=msg.split("|");
if(sign[0]=="saveOk")
{
alert("入库单保存成功");
}else{
alert("入库单保存失败");
}
}
});
//提交按钮可用
$("#updateBtn").attr("disabled","");

Answer 2

一种是将 ajax asyc设置为false等待数据加载完毕,
另一种 是放置一个层覆盖你的页面  等加载完成取消这个层

Answer 3

$('#loading').ajaxStart(function(){
   $.blockUI({ message: "<div style='padding:5px;'><h1><font color='blue'>Checking...</font></h1><img src='template/image/loading.gif' border='0'/><br/><br/></div>"});
   });
$('#loading').ajaxStop(function(){
   $.unblockUI();
});
jquery.blockUI.js插件不错