1. 当前位置:
  2. 首页
  3. »
  4. 随笔
  5. »
  6. iframe来实现post无刷新提交

iframe来实现post无刷新提交

零分 738

很多时候post提交又不希望刷新,AJAX提交是一个不错的选择,尴尬的是,AJAX很多时候都不会处理,这时候选择iframe的框架来做提交是一个不错的选择

原理:

1、父窗口可以选择在子窗口内打开链接,同样可以选择将action的链接指向子窗口

2、父窗口刷新不会影响到子窗口的刷新,或者说子窗口事实上是一个隐藏的空框架

写前端页面的时候在适当位置添加一个空框架并设置display:none来隐藏:

<iframe style="display: none;" name="formsubmit" width="320" height="240"></iframe>

然后在form内的target指向到该框架内打开!

<form action="post.php" method="POST" name="formphp" target="formsubmit">

提交的时候就会在框架内打开运动post.php接收处理数据!

在前端上需要的一些提示可以在Post.php 内插入JS操作父窗口的ID.

<script language='javascript'>

window.parent.document.getElementById('pwd_tishi').innerHTML='密码不能为空';

</script>

window.parent,就是操作父窗口的层!

头像
支持作者
联系微信二维码
0%