JS 父子页面刷新

最新推荐文章于 2019-05-29 14:41:40 发布

原创最新推荐文章于 2019-05-29 14:41:40 发布 · 864 阅读

0 ·

CC 4.0 BY-SA版权

js 同时被 2 个专栏收录

7 篇文章

订阅专栏

jsp

2 篇文章

订阅专栏

本文介绍了在JavaScript中如何实现在父页面和子页面之间的刷新操作。在父页面`parent.jsp`中，通过设置表单`queryForm`的目标为子页面`search_result`的iframe，并提交表单实现子页面的加载。子页面`children.jsp`中，当接收到特定数据时，通过检查是否存在父页面的函数`gotoInputPage`来决定是调用该函数还是执行其他操作。同样，父页面也能检测子页面的函数并进行相应的刷新操作。

页面布局：

父页面 parent.jsp ：

- - - - - -

- - - - - -

</form>

   $(function (){
       document.getElementById('queryForm').action="<%=path%>/xxx/xxx_xxx.do";
       document.getElementById('queryForm').target="search_result";
       document.getElementById('queryForm').submit();
    }
);

</script>

子页面 children.jsp ：

由parent.jsp页面的 "<%=path%>/xxx/xxx_xxx.do 获得 children.jsp 页面

1.子页面请求刷新

if(data=='true'){
     alert("更新数据成功");
if(jQuery.isFunction(self.parent.frames['search_result'].window.gotoInputPage)) {
      self.parent.frames['search_result'].window.gotoInputPage();
   }else{
       list();
    }
}

2.父页面刷新子页面

if(data=='true'){
           alert("更新数据成功");
           $("#bbc-Handler01").hide();
           $('#faqbg').hide();
          var result = jQuery.isFunction(window.frames['search_result'].window.gotoInputPage);
if(result) {
          window.frames['search_result'].window.gotoInputPage();
       }else{
        list();
       }
   window.frames['search_result'].window.gotoInputPage;
}