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

本文介绍了一种利用iframe实现表单提交而不刷新页面的方法,同时探讨了form表单在无action跳转条件下的两种提交策略。通过设置iframe的id、name与form的target属性相同,可以实现数据提交而保持页面状态不变。

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

一、添加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;

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

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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值