Form提交表单后页面刷新不跳转的实现

最新推荐文章于 2024-06-15 23:38:46 发布

转载最新推荐文章于 2024-06-15 23:38:46 发布 · 816 阅读

CC 4.0 BY-SA版权

原文链接：https://www.mk2048.com/blog/blog.php?id=hkjj2i12j&title=Form%E6%8F%90%E4%BA%A4%E8%A1%A8%E5%8D%95%E5%90%8E%E9%A1%B5%E9%9D%A2%E5%88%B7%E6%96%B0%E4%B8%8D%E8%B7%B3%E8%BD%AC%E7%9A%84%E5%AE%9E%E7%8E%B0

文章标签：

#Form #页面刷新不跳转

前端专栏收录该内容

493 篇文章

订阅专栏

本文介绍了一种在网页中使用form表单与隐藏的iframe进行数据提交的技巧。通过设置form的target属性为iframe的name，可以在提交表单时将数据发送到iframe内指定的URL，实现跨域数据提交或页面跳转而不刷新当前页面。

1 <form action="" id="" method="post" target="nm_iframe"> 
2 　　<input type="text" id="input_text" name="input_text"/> 
3 　　<input type="submit" id="sobmit" name="submit" value="提交" /> 
4 </form> 
5 <iframe id="id_iframe" name="nm_iframe" style="display:none;"></iframe>