Ajax在请求数据时显示等待进度条

来源：互联网发布：mac 连接linux服务器编辑：程序博客网时间：2024/05/18 03:25

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

0 0