六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 27|回复: 0

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

[复制链接]

升级  52.67%

35

主题

35

主题

35

主题

秀才

Rank: 2

积分
129
 楼主| 发表于 2013-1-29 10:48:28 | 显示全部楼层 |阅读模式
最近在工作中发现一个问题,有这样一个需求,弹出窗口提交后需要将父页面刷新用来显示提交结果。
最开始没有注意并发问题,将两个操作都放在父页面上做的,代码如下:
//匹配策略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 : '任务接收失败!'});     }   });} 
 
 
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表