JavaScript HTTP 请求:fetch 和 Axios 示例
要使用 JavaScript 发出 HTTP 请求,您可以使用内置的 fetch 函数或者使用第三方库如 Axios。以下是使用 fetch 和 Axios 发出 GET 和 POST 请求的示例代码:
使用 fetch 函数发出 GET 请求:
fetch('https://api.example.com/data')
.then(response => response.json())
.then(data => {
console.log(data);
})
.catch(error => {
console.error('Error:', error);
});
使用 fetch 函数发出 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(data);
})
.catch(error => {
console.error('Error:', error);
});
使用 Axios 库发出 GET 请求:
axios.get('https://api.example.com/data')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error('Error:', error);
});
使用 Axios 库发出 POST 请求:
axios.post('https://api.example.com/data', { key: 'value' })
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error('Error:', error);
});
请注意,这些代码只是示例,您需要根据您的实际需求进行适当的修改。此外,确保在使用 fetch 或 Axios 之前已正确导入相关库或设置环境。
原文地址: https://www.cveoy.top/t/topic/Q3h 著作权归作者所有。请勿转载和采集!