JavaScript:
发出 HTTP 请求
How to: (如何操作:)
// 使用fetch API发送GET请求
fetch('https://api.example.com/data')
.then(response => response.json()) // 解析JSON响应
.then(data => console.log(data)) // 使用获得的数据
.catch(error => console.error('Error:', error));
// 使用fetch API发送POST请求
fetch('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('Success:', data))
.catch(error => console.error('Error:', error));
运行这些代码片段,你会看到控制台输出获取或发送数据的结果。
Deep Dive (深入探究)
早期,XMLHttpRequest是实现AJAX通信的方式,允许从页面上异步发送请求。现在,fetch API因为其基于Promise的设计而更受欢迎,它提供了一种更简洁、现代的方法来进行网络请求。尽管有这些选择,某些老旧浏览器可能需要降级使用XMLHttpRequest。实现细节方面,浏览器为JavaScript提供了全局fetch
函数,它支持CORS、可以发送各种类型的请求并且可以很容易地处理响应。
See Also (另请参阅)
- MDN Web Docs上的fetch API: MDN Fetch
- XMLHttpRequest文档: MDN XMLHttpRequest
- HTTP请求方法: MDN HTTP Methods
- JSON.stringify的细节: MDN JSON.stringify
- 错误处理和Promises: MDN Promises