form表单提交后不刷新不跳转的实现方法

最新推荐文章于 2022-03-11 12:07:06 发布

转载最新推荐文章于 2022-03-11 12:07:06 发布 · 916 阅读

文章标签：

#html

本文介绍了一种在网页表单提交后不刷新页面的方法，通过使用隐藏的iframe元素接收表单提交，避免了数据丢失的问题。此方法适用于多数表单，但在涉及验证码时可能无法更新验证码。

由于制作用户的注册界面，发现每当form表单提交后，都会刷新一下，导致填写的数据丢失，为了解决这一问题专门，百度了一下。还真找到了一种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>

如上代码，利用一个iframe来实现

PS：此方法对大多数的表提不刷新有效果，但如果表单存在验证码的情况下，验证码不会刷新。