ajax请求时间过长页面等待提示框

最新推荐文章于 2022-09-07 11:35:49 发布

言笑非

最新推荐文章于 2022-09-07 11:35:49 发布

阅读量9.5k

点赞数

分类专栏： jquery 文章标签： jsp

本文链接：https://blog.csdn.net/yan396277961/article/details/38442487

版权

jquery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

效果如下图:

页面

                                <!--内容部分-->
				<div id="dialog_message">
					  <p>
					    <span class="ui-icon-yan ui-icon-alert-yan" style="float:left; margin:0 7px 20px 0;"></span>
					       数据正在处理中，请耐心等待
					  </p>
				 </div>

.ui-icon-yan { width: 16px; height: 16px; background-image: url(../images/ui-icons_469bdd_256x240.png); }
.ui-icon-alert-yan { background-position: 0 -144px; }

<script type="text/javascript">
	$("#dialog_message").dialog({
	    resizable: true,
	    autoOpen:false,
	    modal: true
	 });
	/*
		type为保存类型，
	*/
	function save(type) {
		
		//form = button.form;

		form = $('#deptMeasureForm')[0];
		
		if (!biz.validate("valid", form)) {
			showWarn("<fmt:message key='validation.object'/>", 3000);
			return;
		}

		var $table =  $("#timeDecTableInfo tbody") ;
		var $tr = $table.find('tr') ;
		var rowCount = $tr.length;
		var rows = [] ;
		
		//判断下面表格是否有内容，如果没有不能保存
		if(rowCount == 0 ){
			showWarn("该月没有数据!", 2000);
			return ;
		}


		var flag = true ;
		//检查目标分解中的内容是否填写完整
		$tr.find("[name=ggtPlanValues],[name=ggtOver]").each(function(){
				if($(this).val() == ""){
					showWarn("请将测量信息填写完整!", 2000);
					flag = false;
					return false ;
				}
		});
		//验证不通过
		if(!flag){
			return ;
		}
		 $("#dialog_message").dialog("open");
		for(var i = 0 ; i < rowCount ; i++){
			var $temp = $tr.eq(i);
			var obj = {
				ggtPlanValues : $temp.find('[name=ggtPlanValues]').val(),
				ggtId : $temp.find('[name=ggtId]').val(),
				ggiId : $temp.find('[name=ggiId]').val(),
				ggtOver : $temp.find('[name=ggtOver]').val(),
				ggtRemark : $temp.find('[name=ggtRemark]').val()
			}
			rows.push(obj);
		}


		var ggttId = $("#ggttId").val();
		var param = {
			ggttTaskName:$('#ggttTaskName').val(),
			ggttRemark:$('#ggttRemark').val(),
			ggttId:$("#ggttId").val(),
			timeDecInfo:rows
		};
		
		$.ajax({
			type:"POST",
			url:'<c:url value="/deptMeasuregx/update"/>',
			data:"param="+encodeURIComponent(encodeURIComponent(JSON.stringify(param))),
			success:function(){
				$("#dialog_message").dialog("close");
				if(type == 1){
					showInfo("保存成功！", 2000);
				}
			}
		});
		
		return true ;
	}
<pre name="code" class="html"><script/>