代码改变世界

form表单用iframe提交

2012-12-01 16:32  youxin  阅读(2588)  评论(0编辑  收藏  举报

要想form表单能不跳转页面而提交,只有2种方法,1.ajax。2.iframe。

利用iframe假装异步提交。

<iframe name="mangguo"></iframe> 想要不显示,再加一句style="display:none;"

假如有个表单:

<form method="post" action="http://www.mangguo.org/index.php" target="mangguo">
<input type="text" name="test" />
<button type="submit">提交表单</button>
</form>

提交后数据将发送到 http://www.mangguo.org/index.php 页面,但由于指定了 target=”mangguo”,所以不在当前窗口打开(也就是不刷新页面的效果),而是在 name=”mangguo” 的 iframe 中打开。

具体请查看演示:iframe_form_submit.html

另外参考:http://heng6232003.blog.163.com/blog/static/13525883200810281065386/