前端之家收集整理的这篇文章主要介绍了
Ajax在请求数据时显示等待进度条,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
/*** 等待提醒 开始 ***********************************************************************************************
-yzy
-20150408
说明:在Ajax请求数据的时候,显示等待界面*/
// 1、这里显示等待框
$('#YWaitDialog').show();
// 2、这里进行ajax的请求
$.post("/Indent/SelectDevice",{ DeviceName: $("#DeviceName1").val(),DepartmentID: $("#DepartmentID").val(),Page: 1,departmentName: $("#departmentName1").val() },function (data) {
if (data != null) {
$("#Devices").html(data);
}
// 3、请求完成隐藏等待框
$('#YWaitDialog').hide();
});
});
})
</script>
@*等待框的样式定义*@
<div id="YWaitDialog"
style="background-color: #e0e0e0;
position: absolute;
margin: auto;
top: 150px;
left: 300px;
display: none;
height: 60px;
width: 300px;">
<p style="text-align: center; vertical-align: central;">
请等待,正在查询数据 <img src="~/Content/images/img_y/dialog_icon/YWaitDialogIcon2.gif" />
</p>
</div>
@**** 等待提醒 结束 ***********************************************************************************************@
原文链接:https://www.f2er.com/ajax/163533.html