html界面等待状态,html 等待界面

发送中,请稍等...

function show(o1,o2,open)

{

var o1 = document.getElementById(o1);

var o2 = document.getElementById(o2);

o1.style.width = document.documentElement.scrollWidth;

o1.style.height = document.documentElement.scrollHeight

if(open){

o1.style.display = "block";

o2.style.display = "block";

}else{

o1.style.display = "none";

}

}

function showLoading(open)

{

var dialog = document.getElementById("loading");

if(open){

dialog.style.display = "block";

}else{

dialog.style.display = "none";

}

return true;

}

function sendOSMessageForAll()

{

show('pop','message_form',true);

showLoading(true);

$.ajax({

url : 'android/createOSMessage.action',

data:{senderId:$("#senderId").attr("value"),content:$("#content").attr("value"),receiver:$("#receiver").attr("value")},

cache : false,

async : true,

type : "POST",

dataType : 'json',

beforeSend:function(){

show('pop','message_form',true);

showLoading(true);

},

success : function (result)

{

if (result != null)

{

if(result.status == "0")

{

show('pop','message_form',false);

showLoading(false);

alert("发送成功！");

}

else

{

show('pop','message_form',false);

showLoading(false);

alert("发送失败！");

}

}

},

error:function(msg)

{

show('pop','message_form',false);

showLoading(false);

alert("发送错误！");

},

complete:function(){

}

});

}

效果如图：

原文：http://blog.csdn.net/coslay/article/details/44172073