AJAX返回状态200没有调用success

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

本文介绍了一个关于SpringMVC中使用@ResponseBody注解返回JSON格式字符串的问题。当使用AJAX请求时，如果未正确配置dataType，可能导致无法正确解析响应。通过调整dataType设置解决了这一问题。

今天在做个demo的时候，发现ajax获取状态为200，可是却没有执行正确的方法。

SpringMVC + ajax +jquery

后来发现SpringMVC利用注解@ResponseBody返回String时，浏览器显示200状态码，并且响应头为json格式，格式ajax不认为它是json，所以一直执行错误方法

后来把dataType=“json”去掉就OK了

解决AJAX返回状态200没有调用success的问题
12-10
然而，在实际操作中，我们可能会遇到一些问题，比如AJAX请求返回状态码为200，但是却无法正常调用success回调函数。这个问题通常涉及到数据类型处理、HTTP响应头以及前端与后端的交互方式。 首先，我们需要理解AJAX...
ajax调用返回php接口返回json数据的方法(必看篇)
10-19
总结一下，使用Ajax调用PHP接口返回JSON数据的关键步骤包括： 1. PHP端设置合适的HTTP头以表明返回数据类型为JSON。 2. 连接数据库，执行查询，将查询结果编码为JSON。 3. 对于JSONP请求，确保返回的数据以回调函数...
ajax response status list [转载]
weixin_30632883的博客
01-04 136
比较理想的解释方法应该以“状态：任务（目标）+过程+表现（或特征）”的表达模式来对这几个状态进行定义 【全文】 在《Pragmatic Ajax A Web 2.0 Primer 》中偶然看到对readyStae状态的介绍，感觉这个介绍很实在，摘译如下： 0: (Uninitialized) the send( ) method has not yet been invoked. 1: (...
AJAX返回状态
liuquanjc的博客
11-15 333
Ajax xmlHttpRequest的status的值的含义虽然常写ajax方面的东西，但是很少去专门了解xmlHttpRequest的status各个值的含义，今天在开发的过程中又遇到了问题，查过资料后，将他人已总结过的转载一下，学习学习。 xmlHttpRequest对象的status代表当前http请求的状态，是一个长整型数据，现在介绍一下它的含义。 http请求状态及其含义表 ...
ajax返回的状态
imagine_tion的博客
11-08 527
1.什么是ajax Ajax能够在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容，实现局部刷新，大大降低了资源的浪费，是一门用于快速创建动态网页的技术，ajax的使用分为四部分： 1、创建XMLHttpRequest对象var xhr = new XMLHttpRequest(); 2、向服务器发送请求，使用xmlHttpRequest对象的open和send方法， 3、监听状态变化，执行相应回调函数 4、get请求通过url传参，post请求通过send方法传参 2.ajax返回的状态 0
jquery 中ajax的所有状态
系统运维
05-28 197
一直使用jquery的ajax 来处理异步的问题，其相当的方便，最近因工作项目需求，需要处理异步提交的数据源返回来的各种状态，现分享给大家学习学习，不多说，直接上代码： <script src='jquery.js'></script> <script> $(function(){ $("#starts").click(function(){...
java 调webservice 返回200 报 未将对象引用设置到对象的实例 解决方案
weixin_42058472的博客
11-20 691
传参两个参数的 其中一个参数是xml格式的 那么需要用<![CDATA[ ]]>把此参数包起来 <soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:tem="http://tempuri.org/"> <soapenv:Header/> <soapenv:Body> <tem:CallHis>
$.ajax返回的JSON无法执行success的解决方法
10-28
然而，当JSON格式不正确时，`success`回调函数不会被调用，而是会触发`error`回调，这是因为在jQuery内部，它会尝试将服务器响应转换为JSON对象，如果解析失败，就会认为请求出错。 在描述中提到的问题在于JSON的...
解决ajax提交到后台数据成功但返回不走success而走的error问题
10-18
在本文提到的Ajax调用中，使用了以下关键参数： 1. type: 指定请求方式，常见的有"post"和"get"。 2. dataType: 预期服务器返回的数据类型。如"json"，"xml"，"script"或"text"等。这一参数有助于Ajax方法解析返回的...
Ajax请求返回Error：200无数据的解决方法
qq_38472451的博客
09-04 1811
Ajax请求返回Error：200无数据的解决方法
Ajax 响应码200，但回调error
ZeWe的博客
11-26 3561
最近有一个朋友问了我些问题，有个问题的原因出在ajax的使用上，具体的状况是，ajax请求值后台接口可以收到，响应200后，success未收到响应值，一般来说响应出200未报错，但是未回调success,那就大多就进入到error了，然后在 error中 alert(),确定确实回调在了 error函数。然后使用浏览器network检验到返回值为 html串，但是 实际上 dataType:js...
ajax错误返回状态码,Ajax只请求返回错误，但状态码是200 OK
weixin_39965102的博客
08-05 1190
这里我有一个JavaScript文件的表单，该文件抓取输入并在单击按钮时使用jQuery的AJAX方法将其发送到瘦PHP页面。 PHP只需打印"Hello and welcome person_name"，假设名称已设置，这正是我想要的。如果请求成功，我想在同一页面的div元素中显示该文本，如果失败，则显示alert。但如果它是错误的，我在div元素中显示"Error"文本。Ajax只请求返回错误...
AJAX返回状态码200但没有调用succes
weixin_42594968的博客
11-12 1500
获取后台数据成功，但没有调用success方法 $.ajax({ type:"POST", url:"https://xxx/selectAllSample", contentType:'application/json', async:false, cache: false, timeout:1000, dataType:"json", beforeSend: function
ajax响应不显示值,Ajax响应200正常，但显示未能加载响应数据
weixin_35698738的博客
08-05 6812
我正在对后端休息api进行ajax调用，api返回正常。如果我console.log()成功的数据和错误数据，它会给控制台上的“资源登录”，200确定，但当我在网络选项卡响应中查看该auth/login路由时，它显示“无法加载响应数据“。而这种情况有时只会发生，并不总是。为什么？ 这是我的ajax调用的片段。Ajax响应200正常，但显示未能加载响应数据ajax.post('auth/login'...
ajax判断成功状态码,Ajax返回状态码200，成功函数不触发(Ajax returns status code 200, success function not triggering)...
weixin_35895485的博客
08-06 1737
Ajax返回状态码200，成功函数不触发(Ajax returns status code 200, success function not triggering)关于这一点有很多话题，但没有一个是有帮助的。 一切正常，数据插入数据库，并且(我使用spring mvc作为后端)我的控制器也正确处理所有内容。Ajax的代码;$.ajax({type: "POST",url: "http://loc...
ajax请求返回状态为200但还是进入error事件
热门推荐
风火一回，一生不毁
03-09 3万+
最近遇到一个问题，发送一个ajax请求，请求成功了，并且放回状态为200，但是就是不进入success事件，添加error事件竟进入了error事件。 代码如下： $.ajax({ url:$WEB_ROOT_PATH+"/dataLevel/dataLevelCtrl.htm?BLHMI=findBasicDataLevel", type:"post", dataType:"json"
jquery ajax调用springmvc status是200 回调返回error函数
甲蛙全栈
05-27 3889
转载请注意出处：http://www.51zdd.com/jquery_ajax_error.html 如下一段jquery代码，可以调用到springmvc的controller，返回的状态码是200，但是回调的却是error函数。 原因很简单，jquery调用时dataType: “json”，要求返回的是json格式的数据，后台controller返回的response也必须是jso
ajax调用api返回数据
最新发布
08-09
在通过 AJAX 调用 API 获取数据时，需要根据实际需求选择合适的方法（GET 或 POST），并注意跨域问题、数据格式及错误处理。以下是对实现 AJAX 调用 API 的详细说明： ### 数据请求方式的选择 AJAX 提供了两种主要的请求方式：GET 和 POST。GET 方法通常用于从服务器获取数据，而 POST 方法则用于向服务器发送数据。例如，在不需要修改服务器数据的情况下，使用 GET 方法获取信息；若需要提交数据（如表单信息），则应使用 POST 方法。 ```javascript // 使用 GET 请求获取数据 $.ajax({ type: "GET", url: "api/test", dataType: "json", success: function(result) { console.log(result); }, error: function() { console.log("请求失败，请检查网络或接口"); } }); ``` ### 处理跨域问题 当 AJAX 请求的目标 URL 与当前页面的协议、域名或端口不一致时，会出现跨域问题。一种常见的解决方案是使用 JSONP（JSON with Padding），它通过动态创建 `<script>` 标签来绕过浏览器的同源策略限制。需要注意的是，JSONP 仅支持 GET 请求，不支持 POST 请求。 ```javascript // 使用 JSONP 解决跨域问题 $.ajax({ type: "GET", url: "http://xxx.com/api/xxx", dataType: "jsonp", success: function(res) { console.log(res); } }); ``` ### 数据格式与预期类型 在 AJAX 请求中，`dataType` 参数用于指定预期的响应数据类型。常见的数据类型包括 `"json"`、`"jsonp"`、`"xml"`、`"html"` 等。如果服务器返回的是 JSON 格式的数据，则应将 `dataType` 设置为 `"json"`，这样 jQuery 会自动将其解析为 JavaScript 对象。 ```javascript // 指定预期返回数据类型为 JSON $.ajax({ type: "GET", url: "api/test", dataType: "json", success: function(result) { console.log(result); } }); ``` ### 错误处理与异常捕获 在 AJAX 请求过程中，可能会遇到网络中断、服务器错误等问题。为确保程序的健壮性，应在 AJAX 请求中加入 `error` 回调函数，用于捕获并处理异常情况。此外，还可以使用 `complete` 回调函数在请求完成后执行某些操作，无论请求成功与否。 ```javascript // 添加错误处理机制 $.ajax({ type: "GET", url: "api/test", dataType: "json", success: function(result) { console.log(result); }, error: function(xhr, status, error) { console.log("请求失败: " + error); }, complete: function() { console.log("请求已完成"); } }); ``` ### 使用原生 JavaScript 实现 AJAX 请求 除了使用 jQuery 提供的 `$.ajax` 方法，还可以通过原生 JavaScript 中的 `XMLHttpRequest` 对象实现 AJAX 请求。这种方式更加底层，适用于对性能有较高要求的场景。 ```javascript // 使用原生 XMLHttpRequest 发起 AJAX 请求 var xhr = new XMLHttpRequest(); xhr.open("GET", "api/test", true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { var response = JSON.parse(xhr.responseText); console.log(response); } }; xhr.send(); ``` ### 相关问题 1. 如何在 AJAX 请求中传递参数？ 2. 如何在 AJAX 请求中设置请求头？ 3. 如何使用 `fetch` API 替代传统的 AJAX 请求？ 4. 如何在 AJAX 请求中处理 Cookie 和会话信息？ 5. 如何在 AJAX 请求中实现进度条功能？
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值