json如何与后台交互

JSON 是一种常用的数据格式，它的可读性和简洁性使得它成为了与后台交互的主要方式之一。在前端开发中，我们经常需要获取后台数据，并将数据以 JSON 形式传递到前端进行渲染。常见的 JSON 与后台交互方式包括使用 AJAX 发送请求、使用 Fetch API 发送请求、使用第三方库如 Axios 等发送请求。

使用 AJAX 发送请求需要创建 XMLHttpRequest 对象，并设置请求方式、请求地址和请求数据，如下：

const xhr = new XMLHttpRequest();
xhr.open('GET','/api/data',true);
xhr.onload = () => {
  if (xhr.status >= 200 && xhr.status < 300) {
    const response = JSON.parse(xhr.responseText);
    // 处理请求数据
  }
};
xhr.send();

使用 Fetch API 发送请求可以简化代码，如下：

fetch('/api/data')
  .then(response => response.json())
  .then(data => {
    // 处理请求数据
  });

使用第三方库发送请求可以更方便地处理错误和响应状态码，如下：

axios.get('/api/data').then(response => {
  const data = response.data;
  // 处理请求数据
}).catch(error => {
  console.log(error);
});