当前位置: 首页 » 笔记 » iframe来实现post无刷新提交

iframe来实现post无刷新提交

零分笔记2252023-02-02 00:04

很多时候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,就是操作父窗口的层!

END
零分站龄17年资深站长
一个喜欢折腾,却又折腾不出像样东西的,不会PHP的PHP程序员!
2517
文章
13
分类
3818
标签
3
友链
onlinelovesky317355746vipsever@vip.qq.com