关于ajax调用后台接口无效并且刷新页面的问题

最新推荐文章于 2023-11-20 17:59:03 发布
最新推荐文章于 2023-11-20 17:59:03 发布
阅读量919 收藏
点赞数 1
分类专栏： javascript 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zzc12121/article/details/102696063
版权

本想给button按钮写一个onclick事件调用函数里的ajax请求，结果点击按钮出现的效果一直是刷新页面，排查了半天原因是我把button按钮写在了form表单里面，在谷歌浏览器默认这个button的type是submit，而form表单又没有指定action，所以出现了刷新页面的情况，解决办法：

1、将button按钮移到表单外层

2、或者给button按钮指定type属性为button

 

好了，问题解决！

扎哇开发攻城狮
关注
专栏目录
解决vue3中刷新浏览器页面的axios请求状态变为canceled
蜗牛~~
03-21 1282
为什么会想到fetch呢，是因为最近在开发中要加一个悲观锁的功能，具体需求是：用户1和用户2不能同时打开一个模型进行编辑，用户1优先进入模型后，要对该模型进行上锁，关闭该模型或刷新页面时要进行解锁，此时在刷新页面时出现了问题。由此可得出原因：页面刷新后，页面已经被销毁，但放在mounted中的解锁异步请求还没完成，页面就会主动把未完成的请求取消掉，这时的请求是还没到服务器的。在后台使用 Fetch API，因此它同样具有 64 KB 的载荷限制，以及它还可以确保请求在页面卸载后继续发出。
jQuery ajax请求两次问题,jquery ajax请求了两次问题
weixin_39633171的博客
08-05 1390
页面有一个请求form：订单编号用户帐户发货状态请选择未发送已发送查询JavaScript请求部分：function showdatalist(){var username = $("#username").val();var orderid = $("#oid").val();var sendStatus = $("#sendStatus").val();var data = {"usernam...
ajax前端异常拦截，若ajax未执行完毕，页面刷新时ajax进入error问题
qq_36854612的博客
04-16 859
处理方法 在error做出错误动作之前先判断页面是否已经加载完毕就好了。。。真鸡儿完美 //拦截所有的ajax的get方式请求，并且，如果其中有校验错误信息，或者系统异常信息，则弹出并返回 $.ajaxSetup({ //请求方式，默认为get type: “GET”, //请求失败遇到异常触发 error:function(xhr,state,errorThrown){ //: 判断网页是否加...
Ajax请求后页面刷新问题
杨礼凯的专栏
07-20 3475
问题描述： 在使用Ajax请求服务器的时候，响应结果在页面上瞬间显示后整个页面又重新被刷新了。 问题原因： class="btn btn-lg btn-primary btn-block" type="submit" onclick="submitForm()">立即登陆 由于按钮的类型是submit类型，submit 表单提交会刷新页面，所以导致请求处理后页面被重新刷新。
其他页面调用接口后刷新当前页面
snowXZZ的博客
03-10 688
根组件 <template> <div id="app"> <router-view v-if="isRouterAlive"></router-view> </div> </template> <script> export default { name: 'App', provide (){ return { reload:this.reload } }...
mvc ajax控制器无反应,JQuery / AJAX调用没有达到Spring MVC控制器
weixin_29767773的博客
08-05 226
我正在尝试在创建更改密码页面时验证用户名和其他字段。问题是Jquery脚本中的AJAX调用没有命中我的controller.i尝试在ajax请求的url字段中给出硬编码路径。以下是我的剧本此checkUname函数正在从其中一个输入字段触发onb​​lur事件。function checkUname(){// get the form valuesvar uName = $('#username'...
解决微信返回上一页，页面中的AJAX的请求，对Get请求无效的问题
12-01
在这种情况下，如果原先页面中有一个基于Get请求的AJAX调用，如上述例子中所示，浏览器并不会重新发送这个请求，而是使用缓存的响应数据。这意味着，即使用户的认证状态已经改变，页面上显示的仍然是旧的状态，导致...
ajax请求后台数据实现分页功能
07-05
AJAX（Asynchronous JavaScript and XML）技术是实现这一功能的关键，它能够让网页在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。在本主题中，我们将深入探讨如何使用jQuery库中的AJAX方法来实现...
ajax+struts2无刷新取后台
11-21
在IT行业中，Ajax（Asynchronous JavaScript and XML）与Struts2框架的结合使用，是实现Web应用程序无刷新交互的关键技术。这种技术允许用户在不重新加载整个网页的情况下，与服务器交换数据并局部更新页面，极大地...
Ajax 请求的坑
孤舟残月梦还长存的专栏
02-21 2112
一、Ajax 请求的 CSRF 保护机制 开发普通页面，在一般情况下，我们使用 jquery 的 Ajax 代替原生 js 向后端发起请求是很方便的。后端在一般情况下，我们使用的是像 laravel、Yii、ThankPHP 或者 CodeIgniter 等等这样的框架。这些框架无一例外都使用了 CSRF保护机制，什么是 CSRF？CSRF跨站点请求伪造(Cross—Site Request Forgery)，跟XSS攻击一样，存在巨大的危害性。简单理解一下，最常见的情况，就是 A 站点的页面去请...
使用Ajax错误的全页面刷新问题
weixin_30920513的博客
03-11 252
给提交按钮写了ajax请求，结果每次提交就将全业务刷新了。一大番折腾才知道是 提交按钮标签使用不当导致。 button 标签请添加 type='button' 属性，因为浏览器默认会认为 button 的属性是submit.type=‘submit’时会发生提交表单的默认行为。 请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏...
记一个前端小bug——ajax执行完后页面被刷新
随波一落叶
08-07 1018
一、问题描述 博主是前端菜鸟，今天写ajax的时候遇到了一个bug，折腾了好久，网上找了一圈最后发现是个小问题导致的。。。不怕丢人把代码放上。 $("#submit1").click(function(){ var username = $("#username").val(); var data = { "username": username, }; $.ajax({ url: '/', type: 'POST',
页面刷新请求不进入后台方法，数据不更新。$.ajaxSetup({cache : false})解析。。
weixin_42179152的博客
09-21 2257
利用ajax查询数据，在谷歌浏览器下可以获取到最新数据， 在IE中获得是旧数据，无法获得最新的数据，F12查看元素会发现是缓存问题，直接从缓存中请求的数据，并没有进入后台方法重新执行拿到数据。 发现此ajax请求用的get方式，每次请求的URL一模一样，IE浏览器有个特殊的地方，如果每次请求的URL一样时，就会拿出缓存中已有的数据显示在页面上，并不会再次去查询数据库，所以每次显示的都是旧数据。...
网站开发页面刷新无效的解决
sunbirdhan的专栏
08-24 744
以前在做asp.net网站的时候，当修改了css央视
jQuery ajax方法在Chrome浏览器下失效问题
江南听雨
11-11 4665
最近做测试时碰到一个问题，chrome下使用aj
第11课 登录后，页面重新自动刷新
微道道的博客
10-27 503
新的登录接口调整后，首页面利用当面OPENID调用数据，需要重新刷新，这样需要在重新访问的时候重新加载一次， 请看下面红色部分判断下openid是否为空，不为空重新来一下onLoad 。 onShow: function() { wx.getStorageSync("openid") ; if (null != wx.getStorageSync("op...
前端浏览器刷新事件_你好，谈谈你对前端路由的理解
weixin_39857876的博客
01-24 540
一篇文章，不可能做的面面俱到，全部受众。希望大家带着发散思维去看文章，将文章涉及的知识点，吸收为己所用。这样看完一篇文章，才能有所收获。前言好了不装了，今天我就化身性感面试官在线问大家一个问题，“谈谈你对前端路由的理解”。看到这个问题，那回答可多了去了。但是换位思考一下，你问候选人这个问题的时候，你想要得到什么答案？以我个人拙见，我希望候选人能从全局解读这个问题，大致以下三点。1、为什么会出现前端...
JS ajax请求后又刷新页面的问题原因+解决
qq_31683033的博客
09-19 2764
如图所示，点击按钮之后，完成请求，页面又会刷新至下面的链接（首页），上面的链接是请求页面，下面的连接是首页， 问题原因出在HTML文件上，原因是我把刚才所有的元素都放在了一个标志的表单里面了，里面的元素默认type=submit, 所以每次点击登录button后都会执行提交表单的操作，表单操作默认有刷新页面的功能 解决方法，将上述所有元素外层的标签去掉或者换成，或者将button的type改...
请求的接口响应状态为已取消的原因
最新发布
lv_suri的博客
11-20 3415
原本是写了3个iframe,页面刷新的时候请求了第一个iframe,然后就经过vue的那一层又重新请求了一遍，所以就有了报错。今天遇到一个问题，当点击了按钮----跳转页面时----F12键点击网络中的状态报了已取消，类型是。document，说明是前端页面的问题如果是xhr那可能是接口的问题。解决方案就是写个for循环就行。有趣的iframe问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值