一起源码网

  • QingYuanMa.com
  • 全球最大的互联网技术和资源下载平台
搜索
猜你喜欢
查看: 5417|回复: 1
打印 上一主题 下一主题

Ajax提交Form表单页面仍会刷新j解决办法

[复制链接]

0

主题

0

帖子

1万

积分

钻石会员

Rank: 8Rank: 8

积分
17424
QQ
跳转到指定楼层
楼主
发表于 2020-6-3 09:30 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
本文主要介绍了 Ajax提交Form表单页面仍会刷新问题的快速解决办法,以及form 表单中存在button时ajax提交后自动刷新 问题,需要的朋友可以参考下,希望能帮助到大家。

搞了半天原来点击提交按钮 少加了个type="button" 原来是 <form > <button id="sub" /> </form> 结果怎么弄都会刷新页面,加上就好了

PS:form 表单中存在button时ajax提交后自动刷新问题

//在记一个坑(刚学前台,不是很懂,项目中自己给自己挖了个坑,哈哈...)
<form class="form-horizontal">
<p class="form-group">
<label class="col-sm-3 control-label">修改资料名称:</label>
<p class="col-sm-7"> <input type="text" placeholder="test22" class="form-control"></p>
<p class="col-sm-2">
<button class="btn btn-primary" onclick="resetCertificateName(14)">修改</button>
</p>
</p>
</form>

当form中存在button标签时,用ajax异步提交表单后,也面会被刷新。(感觉很诡异)

原因:button 存在时会再次提交一下表单,所以页面被刷新了。(之前认为button type='submit' 时)button才有提交表单的功能。

解决:button标签换成a标签就可以了。<a class="btn btn-primary" onclick="resetCertificateName(14)">修改</a>


分享到:  QQ好友和群QQ好友和群
收藏收藏
回复

使用道具 举报

0

主题

15

帖子

49

积分

新手上路

Rank: 1

积分
49
沙发
发表于 2022-10-16 14:39 | 只看该作者
音乐编程软件免费
回复

使用道具 举报

轻源码让程序更轻更快

QingYuanMa.com

工作时间 周一至周六 8:00-17:30

侵权处理

客服QQ点击咨询

关注抖音号

定期抽VIP

Copyright © 2016-2021 https://www.171739.xyz/ 滇ICP备13200218号

快速回复 返回顶部 返回列表