关于弹出窗口提交与父页面刷新的同步问题
最近在工作中发现一个问题,有这样一个需求,弹出窗口提交后需要将父页面刷新用来显示提交结果。
最开始没有注意并发问题,将两个操作都放在父页面上做的,代码如下:
//匹配策略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 : '任务接收失败!'}); } });}
?
?
?