js fetch请求怎么写

### 回答1：
JS fetch 请求的写法如下：

fetch(url, {
  method: "GET" or "POST" or "PUT" or "DELETE" ...,
  headers: {
    "Content-Type": "application/json;charset=utf-8"
  },
  body: JSON.stringify({
    key1: value1,
    key2: value2,
    ...
  })
})
  .then(response => {
    return response.json();
  })
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.error(error);
  });

其中 `url` 是请求的地址，`method` 是请求的方法，`headers` 是请求头，`body` 是请求体（仅限 `POST`、`PUT` 等有请求体的请求方法）。请求成功后，可以通过 `.then` 函数处理响应数据，如果请求失败则可以通过 `.catch` 函数处理错误。

### 回答2：
在JavaScript中，使用`fetch`函数可以发起HTTP请求。以下是使用`fetch`函数进行GET请求的步骤：

1. 使用`fetch`函数创建一个HTTP请求，其中包含URL和可选的请求参数。

   fetch(url, options);

2. 可选的请求参数可以是一个JavaScript对象，其中可以包括请求方法、请求头、请求体等。

   const options = {
     method: 'GET', // GET请求
     headers: {
       'Content-Type': 'application/json' // 请求头设置为JSON格式
     }
   };

3. 使用`then`方法处理请求的结果。

   fetch(url, options)
     .then(response => {
       // 处理响应
     })
     .catch(error => {
       // 处理错误
     });

4. 在`then`方法中，可以使用`response`对象来获取响应的相关信息，例如响应头、响应状态等。

   fetch(url, options)
     .then(response => {
       if (response.ok) {
         // 请求成功，获取响应数据
         return response.json(); // 将响应数据解析为JSON格式
       } else {
         throw new Error('请求错误');
       }
     })
     .then(data => {
       // 处理响应数据
     })
     .catch(error => {
       // 处理错误
     });

以上是使用`fetch`函数进行GET请求的基本步骤，如果需要发送POST请求或其他类型的请求，可以在请求参数中设置相应的方法和请求体等。同时，也可以根据具体需求在`then`方法中对响应进行进一步处理和解析。

### 回答3：
JavaScript中的fetch()是一种用于发送网络请求和获取响应的现代API。它基于Promise，并提供了一种简洁和灵活的方式来进行网络通信。下面是一个简单的示例，展示如何使用fetch()发送GET请求和处理响应。

首先，我们使用fetch()函数发送一个GET请求并获取响应。在fetch()函数中，我们传入要请求的URL。fetch()函数返回一个Promise对象，我们可以使用.then()方法来处理返回的响应。

fetch('https://api.example.com/data')
  .then(response => {
    // 处理响应
    if (response.ok) {
      return response.json(); // 将响应数据解析为JSON格式
    } else {
      throw new Error('请求失败');
    }
  })
  .then(data => {
    // 处理获取到的数据
    console.log(data);
  })
  .catch(error => {
    // 处理错误
    console.error(error);
  });

在上面的示例中，我们首先检查响应的状态码（ok属性）。如果请求成功（状态码为200-299），我们使用.json()方法将响应的数据解析为JSON格式。然后，在第二个.then()回调函数中，我们可以访问解析后的数据，并对其进行进一步处理。最后，我们使用.catch()方法来处理可能出现的错误。

此外，您还可以自定义请求的方法、请求头和请求体。fetch()函数接受第二个可选参数，其中包含用于配置请求的选项。

fetch('https://api.example.com/data', {
  method: 'POST', // 请求方法
  headers: {
    'Content-Type': 'application/json', // 请求头
  },
  body: JSON.stringify({ key: 'value' }), // 请求体
})
  .then(response => {
    // 处理响应
    if (response.ok) {
      return response.json();
    } else {
      throw new Error('请求失败');
    }
  })
  .then(data => {
    // 处理获取到的数据
    console.log(data);
  })
  .catch(error => {
    // 处理错误
    console.error(error);
  });

在上面的示例中，我们使用了POST请求方法，并设置了请求头为'Content-Type': 'application/json'。我们还通过JSON.stringify()方法将请求体对象转换为JSON字符串。

总而言之，使用fetch()函数可以轻松发送网络请求，并对返回的响应进行处理。可以通过配置选项来自定义请求的方法、请求头和请求体。与传统的XMLHttpRequest相比，fetch()提供了更为简洁和灵活的API。