状态码200，获取数据成功还是进入了catch错误函数

最新推荐文章于 2025-03-28 09:52:56 发布
原创 最新推荐文章于 2025-03-28 09:52:56 发布 · 3.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ajax #vue #es6 #javascript

本文分享了一次因that未正确赋值导致axios和ajax请求虽成功但仍触发catch函数的经历，强调了代码细节的重要性，提醒开发者注意变量作用域及赋值操作。

在这里插入图片描述
解决原因：that没有赋值，axios，ajax虽然获取数据成功，但是里面有错误的代码，还是会走catch函数，怪自己粗心大意，也付出了半小时的宝贵教训时间。

yijie_0_
关注
php微信支付成功后通过回调查看状态,thinkphp微信支付成功后回调函数设置【小结】...
weixin_39926749的博客
03-10 1136
这两天要小程序用到微信支付功能，应用thinkphp3.2的，在集成回调通知处理结果的时候，一直卡住了，不知道怎么写，在经过了查找N多资料后，终于皇天不负有心人，找到了解决方法，下面代码经测试通过，确信可用：publicfunctionnotify_url(){$filename='./Public/file00.txt';file_put_contents($filename,date...
vue axios请求成功却进入catch的原因分析
10-14
主要介绍了vue axios请求成功却进入catch的原因分析，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
请求接口返回状态200，不走then走catch的问题
bigbigpigsobig的博客
06-01 7064
联调接口的时候遇到一个问题，请求接口返回的状态码明明是200，为什么走了catch不走then呢？ 其他接口返回200的时候都是走的then，唯独这个接口例外 花几分钟定位一下问题，罪魁祸首在这!!! 因为我们公司的Java开发返回的都是字符串，所以我们在封装的时候做了下处理,转成json数据格式，到此为止，也没有问题啊，那为什么会走catch不走then呢？ 再看一下我们Java工程师接口的返回体 现在清晰明了了,bodyMessage: “撤回消息成功”，这句中文并不能格式化json数据，so co
关于axios调用接口 状态码返回200却走catch的问题
weixin_44777146的博客
08-17 2706
有时候then里面的代码报错也会走catch
axios请求后台数据，状态200，返回想要的结果，却也进入了catch
snoby_smile的博客
04-02 9922
原因：then里存在错误的代码，这样执行完then,会再去执行catch. 如图所示，注释掉this.props.setValue就ok了。这句是预留代码。
请求接口返回状态200，不走then也不走catch(有的会走.catch)的问题 ---该项目为原生微信小程序项目（其他项目网络请求封装也可以这样）
qq_47902937的博客
01-08 1356
这里只写了code==200 的时候的请求封装 但是接口没有写code 状态导致他不走.then 也不走.catch（有的会走.catch）这里把封装修改成，没有code == 200也可以执行的情况就可以了 如下。以下是我的完整封装 但是没有只写了 那一个接口的请求 如果图片上传，文件上传等需要相同的改变可以自行操作。接口请求出来了200但是不走.then 也不走.catch。其他接口返回200的时候都是走的then，唯独这个接口例外。2.再看ajax封装就找到问题了。1.先看接口请求出来的数据。
如何基于java或js获取URL返回状态码
10-15
通常，以2开头的状态码（如200）表示请求成功，而以4或5开头的状态码则表示错误。 接下来，我们看看JavaScript的实现。JavaScript通常在浏览器环境中使用，通过`XMLHttpRequest`或`fetch` API进行网络请求。不过，...
前端获取http状态码400的返回值实例
10-19
这个实例不仅展示了如何获取400状态码，还演示了如何处理错误，这对于任何前端开发者来说都是必不可少的技能。在实际项目中，确保正确处理各种状态码能提高用户体验，同时也能帮助开发者更好地调试和修复问题。
JS使用ajax从xml文件动态获取数据显示的方法
10-24
状态码status为200表示请求成功，这也是判断请求是否成功的常用方法。 4. **responseXML属性**：当请求成功完成后，XHR对象的responseXML属性包含了服务器响应的XML文档。通过DOM方法可以操作这个XML文档，比如获取...
ajax 异步获取数据实现代码 （js创建ajax对象）
10-29
在本示例中，我们将探讨如何使用JavaScript创建Ajax对象以及如何通过Ajax实现异步获取数据，特别关注于用户名的实时监测。 首先，我们需要创建一个Ajax对象。在不同的浏览器环境下，创建Ajax对象的方式略有不同。在...
AJAX请求状态码返回200却跳到error的function
空空空的博客
04-23 636
问题原因：JSON格式转化不规范或者JSON数据转化错误导致的。 JSON建构有两种结构： “名称/值”对的集合（A collection of name/value pairs）。不同的语言中，它被理解为对象（object），记录（record），结构（struct），字典（dictionary），哈希表（hash table），有键列表（keyed list），或者关联数组 （associa...
Vue使用axios请求接口返回成功200但是进入到catch中
Sqsdhc的博客
03-17 4073
发生这个问题时查阅了许多资料，没有一个是对得上的。最后发现原来是在请求拦截器中的错误 错误代码如下 // 添加响应拦截器 axios.interceptors.response.use(function (response) {// 对响应数据做点什么 console.log(response) //loadingInstance.close();//关闭loading return Promise.reject(response.data); }, function (err
使用封装axios请求之network请求成功,控制台打印catch错误
Var的博客
01-05 2295
问题描述:在使用ruoyi-ui写后台管理时,出现了请求成功,但是代码不走then,走的是catch的情况,在网上多方查找也没有找到解决方案,最终经过排查,最终发现导致此现象的原因,这里附上若依官网 这里使用的是ruoyi自带的request.js(封装的axios)实现请求,出现了下面的情况 控制台显示:(catch报错) network显示:(请求成功) 最终排查原因在request.js...
HTTP 状态码与前端 try-catch 捕获关系
x15514104477的博客
03-28 1428
HTTP 状态码在前端 try-catch 中的捕获情况的详细解释，使用表格和箭头表示流程，精辟
接口拿到数据但是走的catch_Spring Boot 高效数据聚合之道
weixin_39664560的博客
12-31 526
项目地址和示例代码: https://github.com/lvyahui8/spring-boot-data-aggregator背景接口开发是后端开发中最常见的场景, 可能是RESTFul接口, 也可能是RPC接口. 接口开发往往是从各处捞出数据, 然后组装成结果, 特别是那些偏业务的接口. 如何方便快速的开发高性能的接口, 是一个必须思考的问题.例如, 我现在需要实现一个接口, 拉取用户...
前端如何获取200状态码
最新发布
04-01
### 如何在前端捕获 HTTP 200 状态码 HTTP 200 状态码表示请求已成功完成，通常用于响应数据操作的成功结果。在前端开发中，可以通过多种方式捕获该状态码并处理其返回的数据。 #### 使用 Fetch API 捕获 HTTP 200 状态码 Fetch 是现代浏览器内置的一种网络请求工具，它允许开发者发起网络请求并解析响应。当服务器返回 HTTP 200 状态码时，`fetch()` 的 `then()` 方法会被触发以进一步处理响应内容[^1]。 以下是通过 Fetch API 处理 HTTP 200 响应的一个示例： ```javascript fetch('https://example.com/api/endpoint', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ oldPassword: 'password123', newPassword: 'newpassword456' }) }) .then(response => { if (response.ok && response.status === 200) { // 验证状态码是否为 200 return response.json(); // 解析 JSON 数据 } else { throw new Error(`Unexpected status code ${response.status}`); } }) .then(data => console.log('Success:', data)) // 成功后的逻辑 .catch(error => console.error('Error:', error)); // 错误处理 ``` 在此代码片段中，`if (response.ok)` 和 `response.status === 200` 被用来验证响应的状态码是否为 200。如果条件成立，则继续执行后续的业务逻辑；否则抛出错误以便进入 `.catch()` 分支进行统一处理。 --- #### 使用 Axios 库捕获 HTTP 200 状态码 Axios 是一个流行的基于 Promise 的 HTTP 客户端库，在 Vue.js 或 React 中广泛使用。对于 HTTP 200 状态码的捕获，可以直接利用 Axios 提供的功能实现更简洁的操作。 下面是一个使用 Axios 来捕获 HTTP 200 并处理相应数据的例子： ```javascript import axios from 'axios'; axios.post('https://example.com/api/endpoint', { oldPassword: 'password123', newPassword: 'newpassword456' }, { headers: { 'Content-Type': 'application/json' } }) .then(response => { if (response.status === 200) { // 明确检查状态码是否为 200 console.log('Response Data:', response.data); // 输出返回的数据 } else { throw new Error(`Unexpected status code ${response.status}`); } }) .catch(error => { if (error.response) { console.error('Error Response:', error.response); } else { console.error('Network or other errors:', error.message); } }); ``` 在这个例子中，`response.status === 200` 作为判断依据确认接收到的是成功的 HTTP 请求回应。一旦满足此条件即可安全访问 `response.data` 属性中的实际有效负载[^2]。 --- #### 特殊情况下的注意事项——Blob 文件流 某些情况下，API 可能会返回二进制大对象（Binary Large Object, 即 Blob），比如文件下载链接。即使在这种情形下，HTTP 状态码也可能设置成 200 表明传输过程无误。然而需要注意的是，单纯依赖于状态码不足以辨别最终结果究竟是预期中的文件还是某种形式上的失败通知。 针对这种情况可以采用如下策略加以应对： ```javascript function fetchFile(url) { return fetch(url).then(async response => { if (!response.ok || !response.body) { const errorMessage = await response.text(); throw new Error(errorMessage); } const contentType = response.headers.get('content-type'); if (/text|json/.test(contentType)) { const jsonData = await response.json(); if ('errorCode' in jsonData) { throw new Error(jsonData.errorMessage ?? 'Unknown error occurred.'); } } return response.blob(); // 返回真正的文件资源 }); } // 示例调用 fetchFile('/api/download') .then(blob => URL.createObjectURL(blob)) .then(fileUrl => window.open(fileUrl)); ``` 上述函数首先尝试读取可能存在的文本或 JSON 类型的内容来检测潜在问题，只有完全排除这些可能性之后才会认定当前实例确实代表了一个有效的文件实体[^3]。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值