«

JavaScript的fetch()请求

时间:2023-6-12 10:11     作者:wen     分类: F2E


fetch()是一个现代的JavaScript API,用于进行网络请求。它提供了一种简洁和灵活的方式来发送HTTP请求并处理响应。

下面是一个使用fetch()进行GET请求的示例:

fetch('https://api.example.com/data')
  .then(function(response) {
    return response.json();
  })
  .then(function(data) {
    console.log(data);
  })
  .catch(function(error) {
    console.log('Request failed', error);
  });

在上述代码中,我们使用fetch()函数发送了一个GET请求到https://api.example.com/data地址。然后,我们使用.then()方法来处理响应。第一个.then()方法将响应对象转换为JSON格式,并返回一个Promise对象,其中包含解析后的数据。第二个.then()方法使用解析后的数据进行操作。如果请求失败,则会通过.catch()方法捕获错误并进行处理。

如果您需要发送其他类型的请求(例如POST、PUT或DELETE),您可以通过指定请求的方法来修改fetch()的默认行为。下面是一个发送POST请求的示例:

fetch('https://api.example.com/data', {
  method: 'POST',
  body: JSON.stringify({ name: 'John', age: 30 }),
  headers: {
    'Content-Type': 'application/json'
  }
})
.then(function(response) {
  return response.json();
})
.then(function(data) {
  console.log(data);
})
.catch(function(error) {
  console.log('Request failed', error);
});

在上述代码中,我们通过在fetch()的第二个参数中传递一个配置对象来指定请求的方法为POST。我们还指定了请求体的内容,将一个包含nameage属性的对象转换为JSON字符串。最后,我们通过设置Content-Type请求头来告知服务器请求的内容类型为JSON。

这是一个基本的fetch()请求的示例,您可以根据具体需求进行调整和扩展。

标签: javascript