html实现form表单提交后不重新刷新页面

最新推荐文章于 2025-06-05 13:39:52 发布

IrvingTc

最新推荐文章于 2025-06-05 13:39:52 发布

阅读量1.8w

点赞数 11

CC 4.0 BY-SA版权

分类专栏：错误和异常文章标签： From表单提交不刷新

本文链接：https://blog.youkuaiyun.com/qq_39240270/article/details/86604989

错误和异常专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种在使用form表单提交数据时，通过添加隐藏的iframe元素来避免页面刷新的方法。具体实现是在form标签中设置target属性为iframe的名称，这样在提交时错误信息会显示在隐藏的iframe中，而不会导致整个页面的刷新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天在实现ajax异步传输form表单数据时，测试时查看返回的错误信息，但是每次都会重新刷新页面。百度查了下解决办法，总结一下：在form表单后添加一个iframe标签，属性设为隐藏,form表单中target属性值设为iframe标签的名字。代码如下：

<html>
<body>
 
<form action="user" method="post" target="iframe">
	<input type="text" " name="usernamet" />
	<input type="password" " name="password" />
	<input type="submit"  name="submt" value="提交" />
</form>
 
<iframe id="iframe" name="iframe" style="display:none;"></iframe>
 
</body>
</html>