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

最新推荐文章于 2022-05-21 17:26:32 发布
最新推荐文章于 2022-05-21 17:26:32 发布
阅读量3.6k 收藏 6
点赞数 3
分类专栏： Ajax 文章标签： Ajax ajax 页面刷新
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41413619/article/details/88690645
版权

如果是button请将button的类型改为type="button"   因为浏览器会认为button按钮默认类型是submit   会提交数据从而导致整个页面刷新

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

加上type="button"完美解决

 

qq_41413619
关注
专栏目录
ajax返回html刷新整个页面刷新,AJAX请求也会重新刷新整个页面？
weixin_28737073的博客
06-04 1463
由于对HTML的一些内置行为不理解，所以面对今天的AJAX请求也会重新绘页面百思不得其解。后来，请教跟伟哥同属前端组的杨成之后，才知道是由于button的默认行为导致的。需要阻止这种标签行为，才可以自由使用AJAX。涨知识啦。。。原来的HTML。重启现在的HTML。重启使用ajax和history.pushState无刷新改变页面URL onpopstate(转)Javasc...
基于Jquery 解决Ajax请求的页面 浏览器后退前进功能，页面刷新功能实效问题
12-03
请注意，为了确保页面刷新时也能正确加载，你可能还需要在页面加载时检查当前URL的哈希值，并调用`checkCode()`函数，以确保首次访问时页面状态的正确性。 此外，提到的`jquery.hashchange.js`插件也是一个处理URL...
ajax自动刷新页面
01-26
ajax自动刷新页面 类似于论坛注册时的 自动数字倒计时 自动跳转适合新人看看
Ajax请求后页面刷新问题
杨礼凯的专栏
07-20 3472
问题描述： 在使用Ajax请求服务器的时候，响应结果在页面上瞬间显示后整个页面又重新被刷新了。 问题原因： class="btn btn-lg btn-primary btn-block" type="submit" onclick="submitForm()">立即登陆 由于按钮的类型是submit类型，submit 表单提交会刷新页面，所以导致请求处理后页面被重新刷新。
为什么发送ajax请求页面也会刷新呢？
leoly612200的博客
08-11 4861
button 标签请添加 type='button' 属性，因为浏览器默认会认为 button 的属性是submit.type=‘submit’时会发生提交表单的默认行为。 type='button' class="send_msg" onclick="setData()">send 请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏
执行ajax成功后进行页面的刷新
baodaotui4761的博客
06-05 3013
location.reload(true); window.location.reload(); 转载于:https://www.cnblogs.com/quitpoison/p/10979168.html
ajax完成后页面刷新,ajax成功后刷新页面
weixin_39763033的博客
08-05 826
此脚本是我的网站的一部分，为什么不刷新页面？ajax成功后刷新页面我测试了stackoverflow上可用的其他方法，但 没有回答。帮助我，谢谢$(document).ready(function (e) {$("#loginform").on('submit',(function(e) {var show_result_ajax = $("#show-result-ajax-loginform"...
在Web关闭页面时发送Ajax请求的实现方法
10-17
通常情况下，如果我们在`beforeunload`或`unload`事件的处理函数中直接发送Ajax请求，浏览器可能会因为已经关闭与服务器的连接，或者为了响应用户的关闭页面操作而终止这些异步请求。为了解决这一问题，我们可以采取...
ajax异步请求刷新
10-21
在上述代码中，我们可以看到一个典型的Ajax请求实例。首先，通过`$(document).ready()`确保DOM加载完成后再执行相关操作。接着，定义了一个名为`testchaxun`的函数，这个函数将定期执行以实现定时刷新。 在`...
ajax为什么会全局刷新,为什么发送ajax请求页面也会刷新呢？
weixin_29062671的博客
08-06 195
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...
Ajax请求服务和页面的同步异步刷新
HH
09-24 1509
ajax请求原理 和 ajax同步异步刷新
关于HTML发送AJAX请求一直重复刷新页面问题
Maple的博客
12-21 5369
很多人用HTML模板做一些网页开发，并且需要用AJAX来跟后台做交互，但是用JS或者JQUERY设置好监听之后，点击会发现本页面又刷新了。 针对这个问题很多人都查了半天都查不到什么原因，语法什么都没错。 那么你就应该检查一个是否这个BUTTON在一个FORM中。然后点击FORM其实是发送的是空值，所以页面刷新了！
ajax页面刷新问题的解决思路
SmartJavaer的专栏
11-21 1916
 ajax页面刷新问题的解决思路         在ajax应用中经常遇到的问题是刷新问题：用户在局部更新了页面以后，又刷新了整个页面，页面又回到初始化状态了，而这一般并不是用户想要的结果-------------------一个令人头疼的问题.其实他的解决思路和原理很简单;页面刷新问题可以转化为两个问题：1。在用户局部更新页面前如何把页面的状态保存下来；2。在用户在更新整个页面时，如
前端利用Ajax到servlet，servlet再通过request域携带数据转发到前端，值丢失问题。
weixin_53188541的博客
05-21 767
其实关于这个问题困扰了我很久，当然在做了n次实验之后，我更加坚定了我的想法，就是如果当前端使用Ajax异步到servlet后端，后端再使用request域存储值，再通过转发的形式到前端（注意是转发），前端是拿不到request域里面的值的，session却可以，当然这只是针对于Ajax操作而言。话不多说，直接上代码。 1）这是我的前端代码，这里只用于发送Ajax到servlet 点击按钮直接发送Ajax，并且再Ajax执行成功后还对页面执行了刷新操作 2）这是我后端servlet的代码，Ajax会
JS ajax请求后又刷新页面的问题原因+解决
qq_31683033的博客
09-19 2754
如图所示，点击按钮之后，完成请求，页面又会刷新至下面的链接（首页），上面的链接是请求页面，下面的连接是首页， 问题原因出在HTML文件上，原因是我把刚才所有的元素都放在了一个标志的表单里面了，里面的元素默认type=submit, 所以每次点击登录button后都会执行提交表单的操作，表单操作默认有刷新页面的功能 解决方法，将上述所有元素外层的标签去掉或者换成，或者将button的type改...
jQuery请求ajax后为什么又刷新了页面的问题原因
armarm9的博客
08-15 6147
背景介绍：做了一个简单的登录页面，如图。当输入用户名，密码点击登录，会发送ajax post请求，执行登录流程。 但是每次请求完http://localhost:8070/login（ajax请求） 都会再请求http://localhost:8070/ （当前的登录页面） 问题原因，经过网上搜索终于找到了答案，问题出在HTML文件上，原因是我把刚才所有的元素都放在了一个<form&...
$.ajax提交后页面自动刷新导致bug
鲨墨狐的博客
10-16 2896
情景：form表单里面的按钮button，添加onclick事件，进行ajax请求 刷新页面 结果返回后页面被整体刷新，系统报错 原因：form表单里面的button默认type属性为submit，自动提交表单，需将type属性设为button 如图 当ajax请求后页面被刷新请务必看看是否手贱添加了form标签！ form表单里面的button的type属性需要设置为button! fo...
点击button后发送ajax请求之后页面自动刷新
最新发布
05-27
如果您想在点击按钮后发送Ajax请求，并在请求完成后刷新页面，可以在按钮的点击事件中调用Ajax请求，并在成功回调函数中使用location.reload()方法来实现页面的刷新。具体实现代码如下： ```html 点击发送请求 $...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值