JavaScript 发送 HTTP 请求教程：GET 和 POST 示例

使用 JavaScript 发送 HTTP 请求

在 JavaScript 中，你可以使用内置的 fetch 函数发送 HTTP 请求。fetch 函数提供了一种简单灵活的方式来获取网络资源。

发送 GET 请求

以下示例演示如何使用 fetch 函数发送 GET 请求：javascriptfetch('https://api.example.com/data') .then(response => response.json()) .then(data => { console.log(data); }) .catch(error => { console.error('请求出错:', error); });

在这个例子中：

我们使用 fetch 函数发送 GET 请求到 'https://api.example.com/data'。2. fetch 函数返回一个 Promise 对象。3. 我们使用 .then 方法处理成功的响应。4. response.json() 方法将响应数据解析为 JSON 格式。5. 我们将解析后的数据打印到控制台。6. 如果出现错误，.catch 方法会捕获并打印错误信息。

发送 POST 请求

要发送 POST 请求，你需要在 fetch 函数的第二个参数中指定请求选项，例如请求方法、请求头和请求体。javascriptfetch('https://api.example.com/data', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ key: 'value' })}) .then(response => response.json()) .then(data => { console.log(data); }) .catch(error => { console.error('请求出错:', error); });

在这个例子中：

我们将请求方法设置为 'POST'。2. 我们设置请求头 'Content-Type' 为 'application/json'，表示我们发送的是 JSON 数据。3. 我们使用 JSON.stringify 方法将 JavaScript 对象转换为 JSON 字符串，并将其作为请求体发送。

总结

fetch API 是一个强大的工具，可以让你在 JavaScript 中轻松地进行网络请求。通过使用 fetch，你可以发送各种 HTTP 请求，并以灵活的方式处理响应数据。