首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-10-12 
关于弹出窗口提交与父页面刷新的同步问题最近在工作中发现一个问题,有这样一个需求,弹出窗口提交后需要将

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

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

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

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

?

?

?

热点排行