为什么发送ajax请求，页面还会刷新

最新推荐文章于 2021-08-06 11:15:03 发布
最新推荐文章于 2021-08-06 11:15:03 发布
阅读量627 收藏
点赞数 1
分类专栏： java-前端 文章标签： ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48414266/article/details/115695559
版权

button类型 type属性 submit IE浏览器 浏览器兼容性
关键词由CSDN通过智能技术生成

button标签没有加type属性， 因为浏览器会认为button按钮默认类型是submit 会提交数据从而导致整个页面刷新

在ie浏览器中按钮的type默认是button 在其他浏览器(如火狐，chrome)则是submit

请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 “button”，而其他浏览器中默认值是 “submit”。
来自：https://blog.csdn.net/qq_41413619/article/details/88690645

轻松和愉快
关注
专栏目录
为什么axios发请求后页面自动刷新了？
一只野山猪的博客
08-02 1825
为什么axios发请求后页面自动刷新了？
ajax返回html刷新整个页面刷新,AJAX请求也会重新刷新整个页面？
weixin_28737073的博客
06-04 1466
由于对HTML的一些内置行为不理解，所以面对今天的AJAX请求也会重新绘页面百思不得其解。后来，请教跟伟哥同属前端组的杨成之后，才知道是由于button的默认行为导致的。需要阻止这种标签行为，才可以自由使用AJAX。涨知识啦。。。原来的HTML。重启现在的HTML。重启使用ajax和history.pushState无刷新改变页面URL onpopstate(转)Javasc...
为什么发送ajax请求页面也会刷新呢？
leoly612200的博客
08-11 4864
button 标签请添加 type='button' 属性，因为浏览器默认会认为 button 的属性是submit.type=‘submit’时会发生提交表单的默认行为。 type='button' class="send_msg" onclick="setData()">send 请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏
ajax请求自动刷新页面
weixin_30672019的博客
08-08 491
ajax是异步请求技术，可以实现页面的局部刷新。但是今天写代码的时候发现每次ajax之后都会发生整个页面的刷新，最后发现这是因为触发ajax事件的input标签的type设置为了submit，所以会产生表单提交操作，使页面刷新。 将type设置为button后即可正常运行。 转载于:https://www.cnblogs.com/voidchar/p/11320887.html...
Ajax请求后页面刷新问题
杨礼凯的专栏
07-20 3475
问题描述： 在使用Ajax请求服务器的时候，响应结果在页面上瞬间显示后整个页面又重新被刷新了。 问题原因： class="btn btn-lg btn-primary btn-block" type="submit" onclick="submitForm()">立即登陆 由于按钮的类型是submit类型，submit 表单提交会刷新页面，所以导致请求处理后页面被重新刷新。
JS 点击按钮执行ajax后又刷新页面的问题原因+解决
mrhanzhou5273的博客
01-09 1453
做了一个登录按钮，本意是想在点击按钮之后执行ajax，访问后端，但是发现点击后会刷新页面。 原因：按钮如果是表单的<button>标签，如果没有指定type属性，则其type属性默认为type=submit。所以每次点击登录button后都会执行提交表单的操作，表单操作默认有刷新页面的功能。 解决：需要给每一个普通的按钮添加type="button"属性。 ...
在Web关闭页面时发送Ajax请求的实现方法
10-17
通常情况下，如果我们在`beforeunload`或`unload`事件的处理函数中直接发送Ajax请求，浏览器可能会因为已经关闭与服务器的连接，或者为了响应用户的关闭页面操作而终止这些异步请求。为了解决这一问题，我们可以采取...
基于Jquery 解决Ajax请求的页面 浏览器后退前进功能，页面刷新功能实效问题
12-03
请注意，为了确保页面刷新时也能正确加载，你可能还需要在页面加载时检查当前URL的哈希值，并调用`checkCode()`函数，以确保首次访问时页面状态的正确性。 此外，提到的`jquery.hashchange.js`插件也是一个处理URL...
ajax异步请求刷新
10-21
在上述代码中，我们可以看到一个典型的Ajax请求实例。首先，通过`$(document).ready()`确保DOM加载完成后再执行相关操作。接着，定义了一个名为`testchaxun`的函数，这个函数将定期执行以实现定时刷新。 在`...
a标签ajax异步提交为什么还是会刷新页面
weixin_43918793的博客
11-07 543
最近做了一个后台管理项目，单击a标签触发ajax异步的操作，但是页面还是会被刷新?我a标签是这样写的： <a href="" class="changeStatus">上架</a> 后来发现原来是因为a标签的href属性问题 解决方法有两个： （1）把href属性删了 （2）更改a标签的href属性 <a href="javascript:void(0)" class...
ajax请求提交后，出现自动自动刷新了整个页面的情况
qq_40447680的博客
10-06 1470
问题在于触发ajax的这个按钮上，如果type = submit，效果和<form></form>里面不填写action地址是一样的效果，会默认提交到当前页面，就会刷新整个页面，只需要把<button type=“submit”> type改为普通的button，或者把type删除（默认是button） 这个问题很常见，细节问题。 ...
ajax提交form表单页面会自动刷新
博客
07-20 963
解决方法 form表单里的button按钮必须要添加type=“button”，因为Internet Explorer 的默认类型是"button"，而其他浏览器中的默认值是 “submit”。当type=“submit"时按钮会自动提交表单数据到表单的action的地址，而由于表单没有写action属性，action默认为”"，所以就会有自动刷新的效果产生。 ...
关于Ajax提交form表单时页面自动刷新
just
12-14 615
背景 使用Ajax提交form表单时，页面会自动刷新，但我们的需求是不刷新 原因 因为Internet Explorer 的默认类型是button，而其他浏览器中的默认值是submit，如果不显式申明 type=”button” 默认type 就是 submit。当type=“submit"时按钮会自动提交表单数据到表单的action的地址，而由于表单没有写action属性，action默认为""...
ajax为什么会全局刷新,为什么发送ajax请求页面也会刷新呢？
weixin_29062671的博客
08-06 198
send点击按钮触发函数set_chat_msg()部分：var url= "chat_send_ajax.php";url += "?name=" + strname + "&msg=" + strmsg;//将用户名和消息变量拼接进url中oxmlHttpSend.open("GET",url,true);//打开请求oxmlHttpSend.send(null);//发送//aler...
jQuery请求ajax后为什么又刷新了页面的问题原因
armarm9的博客
08-15 6154
背景介绍：做了一个简单的登录页面，如图。当输入用户名，密码点击登录，会发送ajax post请求，执行登录流程。 但是每次请求完http://localhost:8070/login（ajax请求） 都会再请求http://localhost:8070/ （当前的登录页面） 问题原因，经过网上搜索终于找到了答案，问题出在HTML文件上，原因是我把刚才所有的元素都放在了一个&lt;form&...
$.ajax提交后页面自动刷新导致bug
鲨墨狐的博客
10-16 2900
情景：form表单里面的按钮button，添加onclick事件，进行ajax请求 刷新页面 结果返回后页面被整体刷新，系统报错 原因：form表单里面的button默认type属性为submit，自动提交表单，需将type属性设为button 如图 当ajax请求后页面被刷新请务必看看是否手贱添加了form标签！ form表单里面的button的type属性需要设置为button! fo...
jquery的ajax异步请求上传完图片之后会有页面跳转和刷新如何解决？
周二也被占用
11-05 3168
如题 有两个方法： 1、请求完后设置函数return 为false$(".uploadImages").click(function(){ var formData = new FormData($( "#uploadImages" )[0]); console.log(formData); $.ajax({ type: 'P
关于HTML发送AJAX请求一直重复刷新页面问题
Maple的博客
12-21 5371
很多人用HTML模板做一些网页开发，并且需要用AJAX来跟后台做交互，但是用JS或者JQUERY设置好监听之后，点击会发现本页面又刷新了。 针对这个问题很多人都查了半天都查不到什么原因，语法什么都没错。 那么你就应该检查一个是否这个BUTTON在一个FORM中。然后点击FORM其实是发送的是空值，所以页面刷新了！
Ajax提交表单页面仍然刷新问题解决
stay hungry ! stay foolish!
10-12 2826
                      Ajax提交表单页面仍然刷新问题解决   Ajax提交Form表单页面仍会刷新问题的快速解决办法,以及form 表单中存在button时ajax提交后自动刷新的问题，需要的朋友可以参考下，      原来点击提交按钮 少加了个type="button"  原来是  &lt;form &gt;  &lt;button id="sub" /&gt;  ...
点击button后发送ajax请求之后页面自动刷新
最新发布
05-27
如果您想在点击按钮后发送Ajax请求，并在请求完成后刷新页面，可以在按钮的点击事件中调用Ajax请求，并在成功回调函数中使用location.reload()方法来实现页面的刷新。具体实现代码如下： ```html <button id="my-button">点击发送请求</button> <script> $(function() { $('#my-button').click(function() { $.ajax({ url: 'your-url', type: 'POST', data: 'your-data', success: function(response) { location.reload(); } }); }); }); </script> ``` 在上面的代码中，当按钮被点击时，会调用click事件，并在该事件中使用$.ajax()方法来发送Ajax请求。当请求成功后，会调用success回调函数，并在该函数中使用location.reload()方法来刷新页面。这样，就可以实现点击按钮后发送Ajax请求，并在请求完成后刷新页面的效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值