能否同时刷新父子页面

父子填报页面,子页面是个填报弹窗,弹窗页面提交内容后,同时刷新父页面和弹窗页面,注意不是关闭子页面哦。。。。

我做了测试,在填报成功后插入代码

location.reload(); //用于刷新弹窗 window.parent.location.reload();  //用于刷新父窗口

这样做的话会把当前弹窗也给关闭了,因为我的弹窗是添加页面,可能需要不断操作添加记录,不想让其关闭,但又想添加完后刷新父页面,让其实时呈现最新记录,这个需求能否实现

有两种方法:

一、重新打开弹窗子页面法

刷新父页面,弹窗子页面提交后重新打开弹窗子页面(非刷新)

缺点:不是刷新实现,需要再次弹窗

优点:改动小就实现了功能需求

二、只刷新内容不刷新参数法

父页面设置参数面板,可以同时做到刷新父子页面,子页面刷新后就不会关闭了

缺点:有点突兀,多了个参数面板(虽可以隐藏)

优点:能够无缝的实现父子页面的刷新,若有筛选需求,此方法完美

chyou 发布于 2022-3-22 20:27 (编辑于 2022-3-23 09:36)
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
shirokoLv6资深互助
发布于2022-3-22 23:06

改成刷新父页面和重新打开子页面吧

  • chyou chyou(提问者) 嗯。。这个方法可行,给提交按钮添加点击事件,点击后再弹窗
    2022-03-23 09:22 
最佳回答
0
luojian0323Lv7资深互助
发布于2022-3-22 20:32

这个的确是做不到了呢。子页面做为窗口,父页面刷新后,窗口就会被关闭因为万一父页面刷新后,对应这条子页面的数据不存在了。那不就异常了吗?

  • chyou chyou(提问者) 但是子页面数据是提交成功后才刷新的父页面和子页面的呀,数据已入库了
    2022-03-22 22:00 
  • 3关注人数
  • 370浏览人数
  • 最后回答于:2022-3-23 09:36
    请选择关闭问题的原因
    确定 取消
    返回顶部