关于弹出窗口提交与父页面刷新的同步问题

最新推荐文章于 2021-06-23 23:15:15 发布

lijun123123

最新推荐文章于 2021-06-23 23:15:15 发布

阅读量495

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： Ajax 工作

本文链接：https://blog.youkuaiyun.com/lijun123123/article/details/83913051

javascript 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种解决子窗体提交后，父窗体未能正确刷新显示提交结果的问题的方法。通过采用异步提交表单的方式，确保了子窗体提交操作与父窗体刷新操作的同步进行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在工作中发现一个问题，有这样一个需求，弹出窗口提交后需要将父页面刷新用来显示提交结果。

最开始没有注意并发问题，将两个操作都放在父页面上做的，代码如下：

//匹配策略
function saveContactResultSelected(){
	tydicWin1.document.forms["dataForm"].submit();
	tydicWin1.close();
	location.href="${ctx}/strategy_MktStrategy_matchChannelResult.action?" + $.param(getparams());
}

最后，由测试人员在测试过程中发现，提交的结果没有在父页面正常显示。经过分析后台日志，发现表单提交的操作还未执行完毕，父页面刷新已经完成。最后确定为操作异步导致。

那么怎么将窗口提交与父页面刷新同步呢，想到的一个解决方案是采用异步方式提交表单。

//提交表单，成功后刷新父页面
function sub(){
	var ids = getSelectedRows();
	document.getElementById("chlResRelId").value = ids;
	var options = { 
		type:'POST', 
		url:'${ctx}/strategy_MktStrategy_saveContactResultSelected.action', //提交给哪个执行
		success: function(){
			parent.refreshResultSelected();
		},
	    error: function(){
			$.dicBox({style : 2,content : '表单提交失败！'}); 	 
		}
	};
	$('#dataForm').ajaxSubmit(options);
}

经过测试，可以比较好的解决子窗口提交与父页面刷新的同步问题。

附：

一、还有一种ajax的表单提交方法，会有成功提示

ajax.submit("orderForm",url,queryWorkOrder);

其中orderForm为表单名，URL为表单提交地址， queryWorkOrder为回调函数。

二、ajax的url 提交方法

	function delStyChlRel(styChlRelId){
	    $.ajax({
		   type: "POST",
		   url: "${ctx}/strategy_MktStrategy_deleteStyChlRel.action",
		   data: "paras.styChlRelId="+styChlRelId,
		   success: function(msg){ 
		     	refreshMatchResult();
		   },
		   error: function(){
				$.dicBox({style : 2,content : '任务接收失败！'}); 	 
		   }
	   });
	}