关于AJAX页面刷新问题

最新推荐文章于 2022-03-29 16:06:56 发布

未来的程序猿1001

最新推荐文章于 2022-03-29 16:06:56 发布

阅读量455

点赞数 1

本文链接：https://blog.csdn.net/qq_42896745/article/details/103436234

版权

今天遇到了一个很低级的错误，就是在用ajax提交表单的时候发现每次提交完都会进行页面的刷新，但是我明明已经设置了

return false 但还是不顶用，最后我将目光锁定提交按钮所放的位置

发现我的提交按钮是放在from表单里面的，这样会导致提交表单引起页面刷新，所以我们应该讲提交按钮移动到from表单外面，这样可以避免页面刷新。

这也是我今天踩得一个坑吧，唉，就当为以后留个痕迹吧

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

未来的程序猿1001

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Ajax实现页面自动刷新实例解析

10-22

在进一步的内容中，讨论了如何使用jQuery库实现AJAX定时局部页面刷新。引入jQuery之后，只需要一行代码，就可以实现定时从服务器获取新内容并更新指定ID的元素内容。示例代码中使用了`setInterval`函数每隔5秒钟调用...

Ajax请求后页面刷新问题

杨礼凯的专栏

07-20

3456

问题描述：在使用Ajax请求服务器的时候，响应结果在页面上瞬间显示后整个页面又重新被刷新了。问题原因： class="btn btn-lg btn-primary btn-block" type="submit" onclick="submitForm()">立即登陆由于按钮的类型是submit类型，submit 表单提交会刷新页面，所以导致请求处理后页面被重新刷新。

1 条评论您还未登录，请先登录后发表或查看评论

发送ajax请求后页面自动刷新的问题

GCTTTTTT的博客

03-29

7192

当发送完ajax请求后，接受接口响应后页面自动刷新了，原来的内容都无了，但其实想保存原来页面的内容，不想刷新。问题出在这里：如果是用了button触发的ajax请求，将button的类型改为type=“button” 因为浏览器会认为button按钮默认类型是submit ，会提交数据从而导致整个页面刷新在ie浏览器中按钮的type默认是button 在其他浏览器(如火狐，chrome)则是submit 在button标签中加上 type="button" 属性后问题完美解决！！ ...

ajax页面刷新小错误

林中路

05-29

1051

关于ajax提交时的页面刷新小错误许多新手在刚刚接触ajax提交表单或验证数据时，都会碰到这样的问题：在ajax请求返回成功后，success方法体里的程序却没有执行。其中有一个重要的小疏忽可能是，你真的讲submit按钮设置为了“submit”类型，典型的代码像下面这样： ··· <form action="" method="post"> <input ... /> <input t

快速刷新页面ajax出现404,vue路由history模式刷新页面时出现404问题的两种解决方法...

weixin_31509859的博客

08-07

473

本篇文章给大家带来的内容是关于vue路由history模式刷新页面时出现404问题的两种解决方法，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。vue hash模式下，URL中存在'#'，用'history'模式就能解决这个问题。但是history模式会出现刷新页面后，页面出现404。解决的办法是用nginx配置一下。在nginx的配置文件中修改方法一：location /{roo...

java web ajax异步刷新页面,ajax自动刷新页面有关问题

weixin_28813025的博客

03-13

当前位置:我的异常网» Java Web开发»ajax自动刷新页面有关问题ajax自动刷新页面有关问题www.myexceptions.net网友分享于：2013-12-19浏览：214次ajax自动刷新页面问题var XMLHttpReq;function createXMLHttpRequest() {if(window.XMLHttpRequest) {XMLHt...

django+js+ajax实现刷新页面的方法

09-21

在Web开发中，有时我们需要实现在不刷新整个页面的情况下更新特定区域的内容，这可以通过结合Django、JavaScript（JS）和Ajax技术来实现。本篇将详细介绍如何使用这些技术实现页面的部分刷新。首先，理解Ajax...

Ajax回退刷新页面问题的解决办法

10-22

它们都不会引起页面刷新。为了利用这两个API，需要重新定义页面的URL，确保它们能够通过URL反映出页面的状态变化。当浏览器执行回退或刷新操作时，可以根据URL记录的信息重新发送AJAX请求，返回正确的页面内容。 ...

jQuery实现AJAX定时刷新局部页面实例

10-23

本篇文章通过两种方法实例讲解ajax定时刷新局部页面，当然方法有很多种，也可以不使用ajax来刷新页面，可以使用jquery中的append来给指定内容加东西，但是都不太实用，最实用的方法还是ajax加载数据了。

ajax页面刷新问题的解决思路

SmartJavaer的专栏

11-21

1908

ajax页面刷新问题的解决思路在ajax应用中经常遇到的问题是刷新问题：用户在局部更新了页面以后，又刷新了整个页面，页面又回到初始化状态了，而这一般并不是用户想要的结果-------------------一个令人头疼的问题.其实他的解决思路和原理很简单;页面刷新问题可以转化为两个问题：1。在用户局部更新页面前如何把页面的状态保存下来；2。在用户在更新整个页面时，如

为什么发送ajax请求页面也会刷新呢？

leoly612200的博客

08-11

4842

button 标签请添加 type='button' 属性，因为浏览器默认会认为 button 的属性是submit.type=‘submit’时会发生提交表单的默认行为。 type='button' class="send_msg" onclick="setData()">send 请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏

jQuery请求ajax后为什么又刷新了页面的问题原因

armarm9的博客

08-15

6109

背景介绍：做了一个简单的登录页面，如图。当输入用户名，密码点击登录，会发送ajax post请求，执行登录流程。但是每次请求完http://localhost:8070/login（ajax请求）都会再请求http://localhost:8070/ （当前的登录页面）问题原因，经过网上搜索终于找到了答案，问题出在HTML文件上，原因是我把刚才所有的元素都放在了一个<form&...

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

小码哥

03-20

3629

如果是button请将button的类型改为type="button" 因为浏览器会认为button按钮默认类型是submit 会提交数据从而导致整个页面刷新在ie浏览器中按钮的type默认是button 在其他浏览器(如火狐，chrome)则是submit 加上type="button"完美解决 ...

关于HTML发送AJAX请求一直重复刷新页面问题

Maple的博客

12-21

5348

很多人用HTML模板做一些网页开发，并且需要用AJAX来跟后台做交互，但是用JS或者JQUERY设置好监听之后，点击会发现本页面又刷新了。针对这个问题很多人都查了半天都查不到什么原因，语法什么都没错。那么你就应该检查一个是否这个BUTTON在一个FORM中。然后点击FORM其实是发送的是空值，所以页面刷新了！

JS ajax请求后又刷新页面的问题原因+解决

qq_31683033的博客

09-19

2725

如图所示，点击按钮之后，完成请求，页面又会刷新至下面的链接（首页），上面的链接是请求页面，下面的连接是首页，问题原因出在HTML文件上，原因是我把刚才所有的元素都放在了一个标志的表单里面了，里面的元素默认type=submit, 所以每次点击登录button后都会执行提交表单的操作，表单操作默认有刷新页面的功能解决方法，将上述所有元素外层的标签去掉或者换成，或者将button的type改...

ajax提交表单导致页面刷新

dandelionoooo的博客

11-27

494

给按钮加上 type="button"

JavaScript刷新页面与Ajax交互