JS 对java返回的json格式的数据处理方法

当我们在使用 JavaScript 时，需要对从后端返回的 JSON 格式的数据进行处理。下面是处理 JSON 数据的几种方法和示例说明：

1. 使用 XMLHttpRequest 对象发送 Ajax 请求

使用 XMLHttpRequest，可以向后端发送 XMLHttpRequest 请求获取数据。若要获取 JSON 格式数据，可以使用 XMLHttpRequest 的 responseText 属性获取响应原始文本，并使用 JSON.parse() 方法将其转换为 JavaScript 对象。

// 创建一个 XMLHttpRequest 对象
const xhr = new XMLHttpRequest();

// 向后端发送请求，true 表示异步请求
xhr.open('GET', 'http://example.com/api/data', true);

// 指定响应类型为 json 格式
xhr.responseType = 'json';

// 注册监听器，处理响应事件
xhr.onload = function() {
  // 通过 response 属性获取响应数据
  const data = xhr.response;

  // 处理 JSON 格式数据
  console.log(data);
};

// 发送请求
xhr.send();

2. 使用 Fetch API 发送请求

使用 Fetch API，可以向后端发送 Fetch 请求获取数据。若要获取 JSON 格式数据，可以使用 Response 对象的 json() 方法将响应体转换为 JavaScript 对象。

fetch('http://example.com/api/data')
  .then(response => response.json())
  .then(data => {
    // 处理 JSON 格式数据
    console.log(data);
  });

在处理 JSON 数据时，还可以利用现成的第三方库，如 jQuery 和 Lodash 等，简化代码编写工作。