Ajax调用Java接口返回#document而非JSON数组的解决方案

心靈之曲

心靈之曲

2026-07-17

489人浏览

原创

Ajax调用Java接口返回#document而非JSON数组的解决方案

当ajax请求java后端时返回#document对象而非预期的json数组,本质是服务端响应内容类型(content-type)为text/xml或application/xml,导致浏览器自动将其解析为xml文档节点,而非json字符串。核心解决方法是强制后端返回application/json并确保前端正确声明datatype: 'json'。

ajax请求java后端时返回#document对象而非预期的json数组,本质是服务端响应内容类型(content-type)为text/xml或application/xml,导致浏览器自动将其解析为xml文档节点,而非json字符串。核心解决方法是强制后端返回application/json并确保前端正确声明datatype: 'json'。

这种现象常见于Spring MVC等Java Web框架中——同一套业务逻辑在不同环境(如测试环境 vs 本地开发)下,因配置差异或注解缺失,导致控制器(Controller)默认以XML格式序列化响应体,尤其当项目中同时引入了Jackson和JAXB依赖,且未显式指定输出格式时,Spring会依据Accept头或类路径中可用的消息转换器(HttpMessageConverter)自动协商响应类型,极易回退到XML。

✅ 正确做法:服务端强制指定JSON输出

在Spring MVC的@GetMapping或@PostMapping注解中,必须显式声明produces = "application/json"

@RestController
@RequestMapping("/api")
public class UserController {

    @GetMapping(value = "/users", produces = "application/json")
    public List<user> getUsers() {
        return userService.findAll();
    }
}</user>

⚠️ 注意:仅写 @GetMapping("/users") 是不够的。若未指定produces,且项目中存在MappingJackson2HttpMessageConverter与Jaxb2RootElementHttpMessageConverter共存,Spring可能优先选择XML转换器(尤其当客户端Accept头为空或包含*/*时)。

此外,确保全局配置启用JSON支持(Spring Boot默认已启用):

# application.yml
spring:
  jackson:
    serialization:
      write-dates-as-timestamps: false
    date-format: "yyyy-MM-dd HH:mm:ss"

✅ 前端配合:明确声明期望的数据类型

jQuery的$.ajax()需显式设置dataType: 'json',否则浏览器可能根据响应头Content-Type自行推断,而一旦服务端返回text/xml,jQuery就会将响应解析为XML Document对象(即#document):

Java JDK 25
Java JDK 25

Java JDK 25 来自 OpenJDK 官方归档,版本为 JDK 25,本条下载地址已指向官方 Windows x64 zip 安装包直链,适合调试旧项目或兼容旧版 Java 运行环境。

下载
$.ajax({
  url: '/api/users',
  method: 'GET',
  dataType: 'json', // ← 关键!强制解析为JSON
  success: function(data) {
    console.log(Array.isArray(data)); // true
    console.log(data[0].id); // 正常访问属性
  },
  error: function(xhr, status, error) {
    console.error('请求失败:', status, xhr.responseText);
  }
});

使用现代Fetch API时同理,需确保响应被显式解析为JSON:

fetch('/api/users')
  .then(response => {
    if (!response.ok) throw new Error(`HTTP ${response.status}`);
    if (response.headers.get('content-type')?.includes('application/json')) {
      return response.json(); // ← 显式调用 .json()
    } else {
      throw new Error('Expected JSON response');
    }
  })
  .then(data => console.log(data))
  .catch(err => console.error(err));

? 排查技巧:快速定位问题根源

  1. 检查Network面板响应头
    在浏览器开发者工具中查看该请求的Response Headers,确认是否存在:

    Content-Type: application/json;charset=UTF-8

    若显示 Content-Type: text/xml 或 application/xml,即为根本原因。

  2. 验证响应体原始内容
    切换到Preview或Response标签页,观察是否为纯JSON字符串(如[{"id":1,"name":"Alice"},...]),还是XML结构(如1)。

  3. 禁用XML消息转换器(高级调试)
    若需彻底排除XML干扰,可在Spring配置中移除JAXB相关依赖(如spring-boot-starter-web默认不包含JAXB,但若显式引入javax.xml.bind:jaxb-api则可能激活XML转换器)。

? 总结

#document现象不是前端Bug,而是前后端媒体类型协商失败的典型表现。其本质是“服务端未承诺返回JSON,前端也未声明需要JSON”,导致浏览器按XML处理。解决的关键在于双向契约约定

  • 后端用 produces = "application/json" 明确承诺;
  • 前端用 dataType: 'json' 或 response.json() 主动声明消费意图;
  • 二者缺一不可,且需同步验证Content-Type响应头。

只要确保这一契约成立,Ajax返回的就不再是难以操作的#document,而是可直接遍历、解构的原生JavaScript数组与对象。

Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南

相关专题

更多
java
java

Java是一个通用术语,用于表示Java软件及其组件,包括“Java运行时环境 (JRE)”、“Java虚拟机 (JVM)”以及“插件”。php中文网还为大家带了Java相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

2023.06.15

3863

6

java正则表达式语法
java正则表达式语法

java正则表达式语法是一种模式匹配工具,它非常有用,可以在处理文本和字符串时快速地查找、替换、验证和提取特定的模式和数据。本专题提供java正则表达式语法的相关文章、下载和专题,供大家免费下载体验。

2023.07.05

2838

9

java自学难吗
java自学难吗

Java自学并不难。Java语言相对于其他一些编程语言而言,有着较为简洁和易读的语法,本专题为大家提供java自学难吗相关的文章,大家可以免费体验。

2023.07.31

2875

8

java配置jdk环境变量
java配置jdk环境变量

Java是一种广泛使用的高级编程语言,用于开发各种类型的应用程序。为了能够在计算机上正确运行和编译Java代码,需要正确配置Java Development Kit(JDK)环境变量。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2023.08.01

637

3

java保留两位小数
java保留两位小数

Java是一种广泛应用于编程领域的高级编程语言。在Java中,保留两位小数是指在进行数值计算或输出时,限制小数部分只有两位有效数字,并将多余的位数进行四舍五入或截取。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2023.08.02

602

3

java基本数据类型
java基本数据类型

java基本数据类型有:1、byte;2、short;3、int;4、long;5、float;6、double;7、char;8、boolean。本专题为大家提供java基本数据类型的相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.02

706

5

java有什么用
java有什么用

java可以开发应用程序、移动应用、Web应用、企业级应用、嵌入式系统等方面。本专题为大家提供java有什么用的相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.02

1316

5

java在线网站
java在线网站

Java在线网站是指提供Java编程学习、实践和交流平台的网络服务。近年来,随着Java语言在软件开发领域的广泛应用,越来越多的人对Java编程感兴趣,并希望能够通过在线网站来学习和提高自己的Java编程技能。php中文网给大家带来了相关的视频、教程以及文章,欢迎大家前来学习阅读和下载。

2023.08.03

18845

3

配置java环境变量
配置java环境变量

配置Java环境变量是为了让操作系统能够识别和使用Java的相关命令和功能。本专题为大家提供配置java环境变量相关文章,帮助大家解决问题。

2023.08.03

647

8

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
jQuery官方API文档
jQuery官方API文档

共0课时 | 0人学习

Symfony教程(入门篇+基础篇)
Symfony教程(入门篇+基础篇)

共18课时 | 1.6万人学习