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

前端之家收集整理的这篇文章主要介绍了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

猜你在找的Ajax相关文章