JavaScript 网络请求：如何发送 HTTP 请求

发布时间：2023-11-28 12:46:52 所属栏目：Java 来源：小徐写作

导读：在 JavaScript 中发送 HTTP 请求通常使用 `fetch` 或者 `axios` 这样的库或者 API。以下是两种方法的简单示例：
**1. 使用 fetch API**
`fetch` 是原生 JavaScript 提供的一个用于发送 HTTP 请求的函数。以下是一个

在 JavaScript 中发送 HTTP 请求通常使用 `fetch` 或者 `axios` 这样的库或者 API。以下是两种方法的简单示例：
**1. 使用 fetch API**
`fetch` 是原生 JavaScript 提供的一个用于发送 HTTP 请求的函数。以下是一个基本的示例：
```javascript
fetch('https://api.example.com/data', {
  method: 'GET', // or 'POST'
  headers: {
    'Content-Type': 'application/json',
  },
  // body: JSON.stringify(data), // 如果是 POST 请求，把数据放在 body 里
})
.then(response => response.json()) // 或者 response.text() 如果服务器返回的是文本
.then(data => console.log(data))
.catch((error) => {
  console.error('Error:', error);
});
```
**2. 使用 axios**
`axios` 是一个基于 Promise 的 HTTP 库，可以用于浏览器和 node.js。以下是一个基本的示例：
```javascript
axios.get('https://api.example.com/data')
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.log('Error:', error);
  });
```
以上是基本的 GET 请求示例。如果你需要发送 POST 请求，或者需要处理更复杂的场景，可能需要更多的配置。例如，你可能需要设置请求头，发送 JSON 数据，处理重定向，等等。具体可以参考 `fetch` 或 `axios` 的文档来了解更多信息。

（编辑：东莞站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!