fetch封装数据请求

fetch是浏览器原生提供的API，用于请求网络资源。它可以发送HTTP请求，接收响应，实现前后端数据交互。在封装fetch请求时，一般会将请求参数、请求头、请求方式、URL等信息封装成一个对象，然后使用fetch发送请求，并返回一个Promise对象，该Promise对象解析后可得到响应数据。

以下是一个简单的fetch封装示例：

function request(url, options) {
  return fetch(url, options)
    .then(response => {
      if (response.ok) {
        return response.json();
      } else {
        throw new Error('Network response was not ok.');
      }
    })
    .catch(error => {
      console.error('There was a problem with the fetch operation:', error);
    });
}

const options = {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    name: 'John Doe',
    email: 'johndoe@example.com'
  })
};

request('https://example.com/api/user', options)
  .then(data => {
    console.log(data);
  });

在上述示例中，我们定义了一个request函数，用于封装fetch请求。传入的参数包括URL和请求选项对象。请求选项对象包括请求方式、请求头、请求体等信息。在函数内部，我们使用fetch发送请求，并将响应转换成JSON格式的数据。如果响应状态码不是200，我们将抛出一个错误。在catch块中，我们打印出错误信息。最后，我们使用request函数发送一个POST请求，并将响应数据打印出来。