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