jQuery 3.2.1自定义转换器后,如何保留ajaxError中的jqXHR.responseJSON?
解决自定义JSON转换器下ajaxError中获取jqXHR.responseJSON的问题
这个问题我之前也碰到过,核心原因是自定义转换器覆盖了jQuery默认的JSON解析逻辑,而错误回调流程中jQuery不会主动触发转换器来生成responseJSON——虽然你没配置转换器时能拿到,大概率是因为你的错误响应Content-Type是application/json,jQuery会自动帮你解析成responseJSON,但自定义转换器后,这个默认的自动解析逻辑被覆盖了,且错误回调不会走转换器流程。
下面给你几个可行的解决办法:
方法一:抽离转换逻辑,在ajaxError中手动调用
把自定义的JSON转换逻辑单独写成一个函数,既给转换器用,也在错误回调里手动解析responseText:
// 抽离自定义JSON转换函数 function customJsonParser(stringData) { return JSON.parse(stringData, function(key, value) { // 这里写你的字段修改逻辑 if (key === 'someField') { return value.toUpperCase(); } return value; }); } // 配置自定义转换器 $.ajaxSetup({ converters: { "text json": customJsonParser } }); // 在ajaxError中手动解析responseText得到responseJSON $(document).ajaxError(function(event, jqXHR, options, jsExc) { if (jqXHR.responseText) { try { jqXHR.responseJSON = customJsonParser(jqXHR.responseText); alert(jqXHR.responseJSON); } catch(e) { // 处理解析失败的情况 console.error('Failed to parse error response:', e); } } });
这个方法的好处是逻辑复用,避免重复代码,而且能确保错误回调里的JSON结构和成功请求的一致。
方法二:扩展jqXHR对象,全局处理responseJSON生成
可以通过ajaxSetup的complete钩子,手动给jqXHR添加responseJSON属性,不管请求成功失败:
function customJsonParser(stringData) { return JSON.parse(stringData, function(key, value) { // 你的字段修改逻辑 return value; }); } $.ajaxSetup({ converters: { "text json": customJsonParser }, complete: function(jqXHR) { // 不管成功失败,只要有responseText且是JSON格式就解析 if (jqXHR.responseText && jqXHR.getResponseHeader('Content-Type')?.includes('application/json')) { try { jqXHR.responseJSON = customJsonParser(jqXHR.responseText); } catch(e) { console.error('Parse error response failed:', e); } } } }); // 现在ajaxError里直接用jqXHR.responseJSON就行 $(document).ajaxError(function(event, jqXHR, options, jsExc) { alert(jqXHR.responseJSON); });
这个方法更彻底,全局统一处理,不需要在每个ajaxError里重复写解析逻辑。
为什么没配置转换器时能拿到responseJSON?
你提到的这个情况,是因为jQuery的默认行为:当响应的Content-Type是application/json时,即使请求失败,jQuery也会自动把responseText解析成responseJSON。但当你配置了自定义的"text json"转换器后,jQuery会用你定义的转换器替代默认的解析逻辑,而错误回调的流程中并不会触发转换器的调用,所以responseJSON就变成undefined了。
内容的提问来源于stack exchange,提问作者Grigory Kislin
相关产品推荐
相关产品推荐

