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

来源：互联网发布：深鉴科技知乎编辑：程序博客网时间：2024/05/21 21:35

效果如下图:

页面

                                <!--内容部分--><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/>

0 0