入门客AI创业平台(我带你入门,你带我飞行)
博文笔记

html form表单提交后不刷新不跳转的实现方法------巧妙地用iframe

创建时间:2016-02-28 投稿人: 浏览次数:17590

         在默认情况下, 提交form表单后, 是有刷新的。 但是, 有的时候, 希望提交表单后不要刷新, 免得把页面已经有的东东给刷跑了, 那怎么搞呢(最近刚好碰到)? 实例代码如下:

<html>
<body>

<form action="" method="post" target="nm_iframe">
	<input type="text" id="id_input_text" name="nm_input_text" />
	<input type="submit" id="id_submit" name="nm_submit" value="提交" />
</form>

<iframe id="id_iframe" name="nm_iframe" style="display:none;"></iframe>

</body>
</html>
        经测试, 实现了功能。 点击提交后, 不跳转, 不刷新, 靠谱。  其中, action可以设置为要触发的动作, 在本例中, 我写成空。




声明:该文观点仅代表作者本人,入门客AI创业平台信息发布平台仅提供信息存储空间服务,如有疑问请联系rumenke@qq.com。