php 提交表单 关闭layer弹窗iframe的实例讲解

在PHP提交表单后关闭layer弹窗iframe的方法示例如下:

1. layer弹窗页面form.php

<div id="layer">
  <form action="submit.php" method="post" target="iframeName">
    <input type="text" name="name">
    <button type="submit">Submit</button>
  </form>
</div>
<iframe id="iframeName" name="iframeName" style="display:none;"></iframe>
<script>
$('#iframeName').on('load', function() {
  var index = parent.layer.getFrameIndex(window.name);
  parent.layer.close(index); 
})  
</script>

2. 提交处理页submit.php

//处理提交逻辑
echo "<script>parent.layer.msg('提交成功')</script>";

3. 主页面index.php

layer.open({
  type: 2,
  title: 'Layer',
  area: ['400px', '300px'],
  content: 'form.php'
});

解释:

– form表单的target属性指定iframeName,提交后在iframe内加载

– iframe加载完后,调用parent.layer获得index并关闭弹窗

– submit.php echo语句回传提示信息到主页面

这样就可以实现表单提交后关闭弹窗的效果。