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

最新推荐文章于 2024-10-11 15:28:44 发布
最新推荐文章于 2024-10-11 15:28:44 发布
阅读量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 1818
为什么axios发请求后页面自动刷新了？
axios发送ajax请求实现局部刷新
Ezra1991的博客
02-23 2346
需求： 用户在前端输入用户名，输入框失去焦点后，将所输入的用户名发送给后端判断用户名是否已经在数据库中存在。 (1) 接口设计 请求方法：GET 请求地址：/usernames/(?P<username>[a-zA-Z0-9_-]{5,20})/count/ (2) 后端逻辑(Django框架) class UsernameCountView(View): """...
页面请求 不间断刷新
系统运维
02-17 147
&lt;script type="text/javascript"&gt; function refresh(){ $("#observe")[0].onclick(); } window.setInterval("refresh()", 60000); window.onload = function(){ refresh(); } &lt;/s...
HTML使用AJAX发送请求、导出数据为JSON文件
最新发布
qq_58978006的博客
10-11 348
完成了一个在HTML文件中测试用户推荐内容接口，将数据整理导出为JSON文件的需求。主要记录一下在HTML中使用AJAX发送请求以及最后导出JSON文件这两个功能。
Ajax中，执行成功却依然刷新本页面
weixin_30659829的博客
03-21 124
网页代码是这个<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 2761
如图所示，点击按钮之后，完成请求，页面又会刷新至下面的链接（首页），上面的链接是请求页面，下面的连接是首页， 问题原因出在HTML文件上，原因是我把刚才所有的元素都放在了一个标志的表单里面了，里面的元素默认type=submit, 所以每次点击登录button后都会执行提交表单的操作，表单操作默认有刷新页面的功能 解决方法，将上述所有元素外层的标签去掉或者换成，或者将button的type改...
ajax请求成功之后控制页面刷新一次
qq_38799933的博客
05-13 2367
在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 1382
页面有一个请求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 2156
script标签作为函数被服务调用，其中加上该函数的参数作为用户需要看到的数据内容
[html] From表单提交时为什么会刷新页面？怎么预防刷新？
歌谣的博客
03-09 1969
[html] From表单提交时为什么会刷新页面？怎么预防刷新？ 因为早期网页交互模型只能是浏览器提交数据给服务器，服务器做出响应重新返回一个页面，浏览器加载这个页面进行显示。早期前端没有编程式发送网络请求的 API，更没有前端路由管理的概念，所以表单提交跳转页面是广泛接受的方案。 不想刷新可以使用 JS 拦截 form 的 onsubmit 事件，阻止掉浏览器的默认行为，然后用 ajax/fetch 和后台交互。另一个偏方是使用 iframe 作为 form 的 target，不过 JS 处理方面不如
为什么发送ajax请求，页面还会刷新
weixin_48414266的博客
04-14 625
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 3172
ajax是异步请求技术，可以实现页面的局部刷新。但是今天写代码的时候发现每次ajax之后都会发生整个页面的刷新，最后发现这是因为触发ajax事件的input标签的type设置为了submit，所以会产生表单提交操作，使页面刷新。 将type设置为button后即可正常运行。 ...
ajax只请求一次,关于ajax的请求只处理一次的问题
weixin_42128141的博客
08-05 706
做登录ajax的时候， 发现同样的参数请求， 比如用户名zzz，密码zz， 我点击登录后：对于一个浏览器，你的第一次点击是会调用rpc请求的， 但是， 你再用同一个浏览器提交表单的时候， rpc不会被提交， 因为参数一样， 这个可能是ajax的XMLHttpRequest对象的问题， 他设置了时间间隔了，实际上是(new ActiveXObject("Microsoft.XMLHTTP"))所以，...
页面刷新时ajax重复提交,ajax重复提交问题
weixin_42517987的博客
08-05 434
重复提交一般针对post请求，我的处理方法是这样：维护一个请求队列，每次post请求过来，生成一个包含url，data,timestamp的对象，push到队列中，后续每来一个post请求都对比一下，看请求队列中是否有url相同并且data相同的请求，如果有则认为是重复请求，当前请求丢弃掉。然后再遍历一下请求队列，比较每一个请求对象的timestamp和当前的timestamp，看请求是否超时，超...
Jquery 用ajax请求后页面会自动刷新的问题
asynll的博客
03-30 5924
当初遇到这个问题的时候，确实头大了，使用Jquery的ajax来进行新闻列表分页加载，在Firefox上正常刷新，结果在chrome和sougou上页面一直请求后页面自动刷新，结果一直都是显示第一页，在网上找了一会，基本都是回答form使用type='submit'提交表单导致，改成就解决了。可惜，我全文件中没有使用表单，后来发现是 href="">导致，删除href属性就ok了，还有另外一种
解决因页面刷新而导致重复操作的问题
weixin_30564901的博客
10-16 618
用过ASP.NET的都知道,按钮操作之后会得到一个新的页面,然后用户通过浏览器的回退按钮可以回到原来的页面时,或者点刷新按钮刷新当前页面时,会显示对话框"不重新发送信息,则无法刷新页面",然后就有个"重试","取消"按钮,通常用户为了刷新页面而点击"重试",这样一点问题就来了,那么页面就会重复发送信息,并且执行先前按钮的操作,比如按钮是添加一行数据,那么刷新之后就会添加重复的数据.好的程序或许会报...
使用Ajax实现定时局部刷新表格
要实现完整的局部刷新功能，还需要在`reFresh()`函数中添加AJAX请求代码，从服务器获取最新的日志数据，然后调用`updateTable()`更新表格。在实际应用中，可能还需要处理错误，以及考虑如何在请求完成和数据加载期间...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值