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

最新推荐文章于 2024-07-16 08:30:00 发布
最新推荐文章于 2024-07-16 08:30:00 发布
阅读量5.3k 收藏
点赞数
分类专栏： web 文章标签： html ajax jquery javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_24046745/article/details/50374188
版权

很多人用HTML模板做一些网页开发，并且需要用AJAX来跟后台做交互，但是用JS或者JQUERY设置好监听之后，点击会发现本页面又刷新了。

针对这个问题很多人都查了半天都查不到什么原因，语法什么都没错。

那么你就应该检查一个是否这个BUTTON在一个FORM中。然后点击FORM其实是发送的是空值，所以页面刷新了！

蝴蝶Maple
关注
专栏目录
为什么axios发请求后页面自动刷新了？
一只野山猪的博客
08-02 1770
为什么axios发请求后页面自动刷新了？
axios发送ajax请求实现局部刷新
Ezra1991的博客
02-23 2331
需求： 用户在前端输入用户名，输入框失去焦点后，将所输入的用户名发送给后端判断用户名是否已经在数据库中存在。 (1) 接口设计 请求方法：GET 请求地址：/usernames/(?P<username>[a-zA-Z0-9_-]{5,20})/count/ (2) 后端逻辑(Django框架) class UsernameCountView(View): """...
页面请求 不间断刷新
系统运维
02-17 141
&lt;script type="text/javascript"&gt; function refresh(){ $("#observe")[0].onclick(); } window.setInterval("refresh()", 60000); window.onload = function(){ refresh(); } &lt;/s...
Ajax是什么？如何在HTML5中使用Ajax？
最新发布
m0_70066267的博客
07-16 2399
Ajax，全称Asynchronous Javascript And XML（异步JavaScript和XML），是一种创建交互式网页应用的网页开发技术。它允许网页在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容。这种技术极大地提升了用户体验，减少了数据传输量，并节省了网络带宽。Ajax并非一种新的编程语言，而是一种基于现有标准的技术，主要依赖于JavaScript和XMLHttpRequest对象来实现。：这是Ajax技术的核心，用于与服务器进行异步通信。
Ajax中，执行成功却依然刷新本页面
weixin_30659829的博客
03-21 114
网页代码是这个<a href="" id="1">删除</a> 当我使用Ajax的时候 $("a").click(function(){ $.get("Servlet","opr=del",callBack); }); function callBack(data){ $("#myDiv").append("12312313132123123"); ...
JS ajax请求后又刷新页面的问题原因+解决
qq_31683033的博客
09-19 2725
如图所示，点击按钮之后，完成请求，页面又会刷新至下面的链接（首页），上面的链接是请求页面，下面的连接是首页， 问题原因出在HTML文件上，原因是我把刚才所有的元素都放在了一个标志的表单里面了，里面的元素默认type=submit, 所以每次点击登录button后都会执行提交表单的操作，表单操作默认有刷新页面的功能 解决方法，将上述所有元素外层的标签去掉或者换成，或者将button的type改...
ajax请求成功之后控制页面刷新一次
qq_38799933的博客
05-13 2346
在success:function(arg){}中加入如下代码： window.location.reload(); setTimeout(refresh , 5000);
Ajax请求时无法重定向的问题解决代码详解
12-09
2. **使用全局的`complete`方法**：为了避免重复编写`complete`回调，可以设置一个全局的Ajax事件处理器，监听所有Ajax请求的完成事件。在全局处理器中，同样检查响应头的`redirectUrl`和`enableRedirect`，并执行...
jQuery ajax请求两次问题,jquery ajax请求了两次问题
weixin_39633171的博客
08-05 1343
页面有一个请求form：订单编号用户帐户发货状态请选择未发送已发送查询JavaScript请求部分：function showdatalist(){var username = $("#username").val();var orderid = $("#oid").val();var sendStatus = $("#sendStatus").val();var data = {"usernam...
ajax尚硅谷笔记——跨域请求、axios发送ajax请求、jquery发送ajax请求
weixin_53317758的博客
11-21 2102
script标签作为函数被服务调用，其中加上该函数的参数作为用户需要看到的数据内容
[html] From表单提交时为什么会刷新页面？怎么预防刷新？
歌谣的博客
03-09 1947
[html] From表单提交时为什么会刷新页面？怎么预防刷新？ 因为早期网页交互模型只能是浏览器提交数据给服务器，服务器做出响应重新返回一个页面，浏览器加载这个页面进行显示。早期前端没有编程式发送网络请求的 API，更没有前端路由管理的概念，所以表单提交跳转页面是广泛接受的方案。 不想刷新可以使用 JS 拦截 form 的 onsubmit 事件，阻止掉浏览器的默认行为，然后用 ajax/fetch 和后台交互。另一个偏方是使用 iframe 作为 form 的 target，不过 JS 处理方面不如
为什么发送ajax请求，页面还会刷新
weixin_48414266的博客
04-14 607
button标签没有加type属性， 因为浏览器会认为button按钮默认类型是submit 会提交数据从而导致整个页面刷新 在ie浏览器中按钮的type默认是button 在其他浏览器(如火狐，chrome)则是submit 请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 “button”，而其他浏览器中默认值是 “submit”。 来自：https://blog.csdn.net/qq_41413619/article/details/88690645 ..
ajax请求自动刷新页面
我心向Java的博客
11-24 3144
ajax是异步请求技术，可以实现页面的局部刷新。但是今天写代码的时候发现每次ajax之后都会发生整个页面的刷新，最后发现这是因为触发ajax事件的input标签的type设置为了submit，所以会产生表单提交操作，使页面刷新。 将type设置为button后即可正常运行。 ...
ajax只请求一次,关于ajax的请求只处理一次的问题
weixin_42128141的博客
08-05 696
做登录ajax的时候， 发现同样的参数请求， 比如用户名zzz，密码zz， 我点击登录后：对于一个浏览器，你的第一次点击是会调用rpc请求的， 但是， 你再用同一个浏览器提交表单的时候， rpc不会被提交， 因为参数一样， 这个可能是ajax的XMLHttpRequest对象的问题， 他设置了时间间隔了，实际上是(new ActiveXObject("Microsoft.XMLHTTP"))所以，...
页面刷新时ajax重复提交,ajax重复提交问题
weixin_42517987的博客
08-05 423
重复提交一般针对post请求，我的处理方法是这样：维护一个请求队列，每次post请求过来，生成一个包含url，data,timestamp的对象，push到队列中，后续每来一个post请求都对比一下，看请求队列中是否有url相同并且data相同的请求，如果有则认为是重复请求，当前请求丢弃掉。然后再遍历一下请求队列，比较每一个请求对象的timestamp和当前的timestamp，看请求是否超时，超...
解决因页面刷新而导致重复操作的问题
weixin_30564901的博客
10-16 600
用过ASP.NET的都知道,按钮操作之后会得到一个新的页面,然后用户通过浏览器的回退按钮可以回到原来的页面时,或者点刷新按钮刷新当前页面时,会显示对话框"不重新发送信息,则无法刷新页面",然后就有个"重试","取消"按钮,通常用户为了刷新页面而点击"重试",这样一点问题就来了,那么页面就会重复发送信息,并且执行先前按钮的操作,比如按钮是添加一行数据,那么刷新之后就会添加重复的数据.好的程序或许会报...
页面刷新重复提交请求如何解决
稚彦的博客
04-30 3966
页面刷新重复提交请求这个问题在Web开发中很常见。在很多时候我们都忽略了这个问题。那么这个问题的如何触发的呢？ 一般无非就是你按F5或者在页面鼠标右键点击刷新。可能会触发这个问题。 那么为什么会出现这种问题呢。这个是浏览器的原因。浏览器中有一个history对象。当我们发送请求的时候，会将请求存入history这个对象。这个对象的结构就像一个栈。拥有者后进先出的特性。也正是因为这个对象，我们才能能够在浏览器中执行后退操作。 但是你比方说，如果我们的上一次请求是往数据库中insert一条语句。那么不断刷新页面
发送ajax请求后页面自动刷新的问题
GCTTTTTT的博客
03-29 7193
当发送完ajax请求后，接受接口响应后页面自动刷新了，原来的内容都无了，但其实想保存原来页面的内容，不想刷新。 问题出在这里： 如果是用了button触发的ajax请求，将button的类型改为type=“button” 因为浏览器会认为button按钮默认类型是submit ，会提交数据从而导致整个页面刷新 在ie浏览器中按钮的type默认是button 在其他浏览器(如火狐，chrome)则是submit 在button标签中加上 type="button" 属性后问题完美解决！！ ...
掌握jQuery实现AJAX异步请求
6. **页面局部刷新**：AJAX的一大优势是只更新页面的一部分，而不是整个页面。 7. **提升用户体验**：通过异步方式发送和接收数据，使得用户界面保持响应性。 **AJAX实现步骤：** 1. 首先，确保浏览器支持...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值