submit提交form表单后不刷新页面--方法记录

一、添加iframe

首先是一个比较简单且常用的实现方法

<form name="addNum" id="addNum" method="post" target="iframe">
    ……
</form>

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

    这种方法很简单,添加一个iframe,设为隐藏,接着将 form 表单的 target 属性和 iframe 中的 id、name的值设为一样的就可以实现提交数据但不刷新的效果了。这一方法不管是否设置action(必需的 action 属性规定当提交表单时,向何处发送表单数据。)属性都可以使用。

二、form在没有action跳转的条件下

方法一: 给form表单的submit函数,在最后加一句 return false;

方法二: 把提交按钮单独放在表单之外,实现数据的提交

这两种方法还没用,也没测试,后续有空测试,再将代码放出来。目前仅供参考……

    原文作者:Alone_in_
    原文地址: https://blog.csdn.net/Alone_in_/article/details/103499797
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞