点击button按钮自动刷新页面的问题

最新推荐文章于 2023-10-30 22:42:08 发布
最新推荐文章于 2023-10-30 22:42:08 发布
阅读量1.5k 收藏 4
点赞数 7
文章标签： ajax jquery html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gnayin/article/details/120370527
版权

点击按钮自动刷新了页面

问题

🥦在页面上写了一个form表单，表单里面有个button按钮，button绑定了一个ajax提交表单的事件。但点击按钮后发现每次点击按钮后页面给我刷新了，并没有触发ajax请求，将表单提交给后台。

问题排查

  • 首先确定有没有进入ajax的js方法 发现并没有，并没有触发我给他绑定的按钮的点击事件😑
  • 查看form表单的action属性，我的action的属性设置的空，并不想使用form表单的action的方式提交表单，然后就设置的空，这里就埋下了伏笔
  • 怀疑是action数据的问题，给action属性加上了后台的controller中对应的处理器，哦吼😂😂 tmd进来了，我麻了
  • 排查按钮为啥没有触发绑定的onclick事件，而是触发的表单的动作属性action
  • 😂 网上查了下，发现button按钮的默认type是submit,当type是submit的时候会触发action。

解决方案

修改button按钮的类型

为啥花了好长时间才解决这小问题

  • 由于一开始的眼光并没有往action上想，因为我acton里面配置的空，这个埋下的伏笔导致我排查问题的视线聚焦在了button按钮为什么没有触发js上。还有就是action的值未空的时候页面刷新了，那tmd我的js当然不生效（整个页面都重新加载了）
  • action为空的时候，同时你是用的button按钮去触发这个action，那就会刷新页面，因为俺们没有配置他的表单提交的地址，他就默认提交的是当前的页面。
  • 兄弟们避坑😃
大洋&
关注
layui点击按钮页面会自动刷新的解决方案
10-16
本篇内容将围绕layui点击按钮页面自动刷新的问题进行详细探讨，并给出解决方案。 ### 页面自动刷新问题描述 在HTML页面中，开发者常会使用<button>或<input type="button">标签来创建按钮。在大多数情况下，这些...
按钮Button点击后页面刷新咋办？(Web；Html；Css；Javascript)
HowToPause的博客
10-13 4328
在写完页面的一个按钮后，你点击了，发现有反应，嗯嗯没有问题。但是突然你又感觉到不对劲——为啥页面刷新了？其实弄清楚问题的原因解决办法就很好找了。
asp点击按钮之后自动刷新页面，怎么解决
Lhjuia的博客
02-04 1864
asp点击按钮之后自动刷新页面，日期文本框被清空怎么解决 比如这个界面，进行查询（我设置了日期为今天的默认值，图中是点击查询前） 当我点击查询之后，两个时间输入框立马变成默认（“今天”） 然后我发现，如果我不设置默认值，一进来就是空的话，点击之后就会保留你的选择（我之前做的时候怎么不是这样，记得回被清空的，奇怪，还是我记错了？） 那我就是要设置默认值呢？，又不想让他清空变回默认，一开始我的思路是，变量获取值之后再赋值回去，问题是，不管用啊，因为它刷新了，于是就想到了js中的定时器，还有选择器JQuery，首
.net按钮防止其自动刷新的问题
XXXXXXXXXXXXXXXY的博客
04-16 1850
在学习asp.net的时候，发现点击button页面总是会自动刷新，在网上查了之后才知道为何，比如 asp的button默认的类型是Submit，它是服务器控件，所以每次点击就会刷新一次。 解决方法一： 把button控件放在updatepanel里 我个人感觉其实际上还是会刷新页面，只不过是通过ajax方式。 解决方法二： 使用HTML的button控件 html的是在客户端的。如果想让按...
button按钮刷新页面的几种方式
码媛小洋的博客
09-29 3469
<input type=button value=刷新 onclick="location.reload()"> <input type=button value=刷新 onclick="location=location"> <input type=button value=刷新 onclick="location.assign(location)"> <input type=button value=刷新 onclick="document.execcom
为什么刷新页面会触发最近执行过的一个按钮事件
mjq945的专栏
10-25 2996
<br />我在页面上添加了一个按钮btn，同时给这个按钮添加一个onclick事件，比如按一下按钮就添加一条数据到数据表中。<br />当我运行页面并按下按钮触发这个事件后，直接刷新一次页面，这个时候却发现，我没按按钮都会触发这个onclick事件。因为表中主键id是自动增量，所以这个事件触发后，会将一条实际上内容相同的数据插入到数据表中，产生了重复数据，其他事件也会发生这种情况。<br />请教一下各位，这是因为什么会这样？是按钮控件的特性还是其他原因？有没有方法可以解决？<br />在代码中，我只是写
ASP .NET中执行控件（如ImageButton、LinkButton等）命令不刷新页面
10-30
通过这种方式，可以在不刷新页面的情况下执行所需的操作，比如弹出一个确认对话框，或关闭浏览器窗口等。 在***页面中，通过ImageButton控件的OnClick属性绑定一个JavaScript函数是一种常用的技术。当用户点击按钮...
Extjs4 Grid分页与自动刷新
03-18
### Extjs4 Grid分页与自动刷新 #### 一、Extjs4 Grid 分页功能实现 在使用Extjs4进行Web应用开发时，Grid控件是常用的数据展示组件之一。对于大数据量的情况，通常需要使用分页来提高用户体验。下面详细介绍如何...
layui form表单提交后实现自动刷新
10-16
通过以上几点总结，可以有效解决在layui中表单提交后页面自动刷新以及数据获取的问题，从而提升开发效率和用户体验。希望本文能够为使用layui进行表单开发的开发者们提供帮助，并且希望大家能对我们的分享给予支持。
asp.net 点击完按钮后刷新页面发现还会触发buttonClick事件
soft_123456的专栏
09-06 5666
当点击完按钮之后，再刷新页面，发现buttonclick事件仍然会发生，这是因为web浏览器重新发送你以前提交的信息。 在click事件里加上上述这句，便不会发生上述情况。该句把页面回归到了最初的状态。
搜索按钮事件导致页面刷新
wwll177的博客
06-13 105
查询列表的时候，按钮事件 <button type="button" title="搜索" @click="getDataList()"></button>不设置type = ‘button’，会默认为submit，点击搜索查询，会导致页面刷新
html点击按钮后页面刷新的问题，form表单中button按钮触发submit点击事件
MaYuKang的博客
10-09 7079
html点击按钮 有如下form表单，包含了一个button按钮： 情况1： <form action=""> <button onclick="">我是按钮</button> </from> 尽管button按钮没有执行任函数，但是点击按钮后，页面刷新。 情况2： <form action="http://www.baidu.com"> <button onclick="">我是按钮</button> </fr
多个button共用onClick处理函数
如是我闻
04-16 4254
根据viewde public void click_button(View view) { int myid = view.getId(); TextView mytv = (TextView)findViewById(R.id.TextView01); if (myid == R.id.button1) { String strTmp="button1 click
javascript怎么让页面刷新后自动点击按钮
最新发布
希望我的博客，能帮上你解决学习中工作中所遇到的问题
10-30 465
javascript怎么让页面刷新后自动点击按钮
html页面刷新事件触发,javascript
weixin_28811007的博客
06-03 2075
我有一个像这样的按钮：Watch我的目的是当我单击该按钮时，它将调用buttonMovieEvent('123')函数，该函数将刷新页面，移至哈希，例如： http://example.com/#123 : http://example.com/#123 ，然后附加HTML脚本展示视频我的代码：function buttonMovieEvent(videoId){var hash = "#" + ...
多个Button的动画
MY博客
08-03 1037
1： 先看下图，制作很简单。 定义了5个按钮，然后通过点击标题栏的右侧按钮使得这五个按钮依次出现，当其中一个被选中后，按钮按照次序依次退出。主要使用的TranslateAnimation动画，然后给每个动画增添监听，在一个按钮动画结束后，另外一个按钮的动画开始。 ，其中所有的动画都是一样的。因此定义了一个平移动画数组。其次由于要给每个动画设置监听，并且只需要对动画的结束做监听，因此有构建了一个
一个页面多个button时,按Enter触发指定button事件的方法
weixin_30780649的博客
07-30 247
用js来控制实际是给输入框添加属性在page_load里面放 this.TextBox1.Attributes.Add("onkeydown","if(event.keyCode==13)document.all.Button1.focus()");也就是当你在TextBox1输入东西时,当你按Enter,光标就移到了你指定的Button1上了如果你是把Button用在了用户控件上,那么...
＜button＞ 按钮在form表单中点击后刷新界面
Bbblithe的博客
03-23 1254
解决btton按钮点击刷新页面的问题
点击button按钮整体页面刷新
JiAyInNnNnN123的博客
11-09 2062
(2)表单提交时，所有具有name属性的html输入元素(包括input标签、button标签、select标签等)都将作为键值对提交，除了Submit对象。(1)Submit将表单提交(form.submit())作为其onclick后的默认事件，Button并非如此。button按钮的默认type是submit,当type是submit的时候会触发action。当前form中action为空，所以直接跳转当前页面，导致搜索按钮点击，页面重新加载一遍。问了同事，说可能是button默认的type导致的。
html点击按钮自动刷新代码
06-12
你可以使用 JavaScript 来实现在点击按钮后自动刷新网页的功能。以下是示例代码： ...<!... 自动刷新网页 ... 这是一个自动刷新网页...将这个函数绑定到一个按钮的 `onclick` 事件上，当按钮被点击时，就会自动刷新页面。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值