如何用 JavaScript 发出 HTTP 请求？

作为一名开发者，掌握如何使用 JavaScript 发送 HTTP 请求至关重要。这篇文章将详细介绍如何使用 JavaScript 内置的 Fetch API 发送 HTTP 请求，并提供代码示例和常见问题的解答。

什么是 HTTP 请求？

HTTP (Hypertext Transfer Protocol) 请求是网页浏览器与 Web 服务器之间进行通信的一种方式。浏览器发送请求到服务器，服务器处理请求并返回响应。常见的请求方法包括：

GET: 获取资源* POST: 提交数据* PUT: 更新资源* DELETE: 删除资源

使用 Fetch API 发送 HTTP 请求

Fetch API 是现代浏览器内置的用于发送 HTTP 请求的 API。它提供了一种简单、灵活和强大的方式来处理网络请求。

1. 发送 GET 请求javascriptfetch('https://api.example.com/data') .then(response => response.json()) .then(data => { console.log(data); // 处理响应数据 }) .catch(error => { console.error('请求出错:', error); // 处理错误 });

2. 发送 POST 请求javascriptfetch('https://api.example.com/submit', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ name: 'John Doe', email: 'john.doe@example.com' })}) .then(response => response.json()) .then(data => { console.log(data); // 处理响应数据 }) .catch(error => { console.error('请求出错:', error); // 处理错误 });

处理响应

Fetch API 返回一个 Promise 对象，可以使用 .then() 方法处理成功的响应，使用 .catch() 方法处理错误。

response.json(): 将响应体解析为 JSON 对象。* response.text(): 将响应体解析为文本字符串。

总结

本文介绍了如何使用 JavaScript 中的 Fetch API 发送 HTTP 请求。Fetch API 提供了一种简单、灵活和强大的方式来处理网络请求，是现代 Web 开发中必不可少的工具。