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

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

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

//匹配策略
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 : '任务接收失败！'}); 	 
		   }
	   });
	}