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