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>
@**** 等待提醒 结束 ***********************************************************************************************@

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!