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

时间:2021-04-20 19:43:49



<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>

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

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