JS 父子页面刷新

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

页面布局:

父页面 parent.jsp :

<form action="" name="queryForm" id="queryForm" target="">

    - - - - - -

     <iframe id="search_result" name="search_result"  src="" style="border: 0px;" width="100%" height="1000px" frameborder=no  scrolling="no" ></iframe>

    - - - - - -

</form>

<script language="javascript">

   $(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.子页面请求刷新

<script type="text/javascript" src="${webRoot}/javascript/jquery-1.4.2.js"></script>

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

2.父页面刷新子页面

<script type="text/javascript" src="<%=path%>/javascript/jquery-1.4.2.js"></script>
<script src="<%=path%>/js/jquery-1.7.1.min.js"></script>

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;                    
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值