JavaScript HTTP 请求:使用 Fetch API 发送 GET 和 POST 请求
要使用 JavaScript 发出 HTTP 请求,可以使用内置的浏览器 API —— fetch() 函数。下面是一个示例代码,展示如何使用 JavaScript 发送 GET 请求:
fetch('https://api.example.com/data')
.then(response => response.json())
.then(data => {
// 在这里处理返回的数据
console.log(data);
})
.catch(error => {
// 错误处理
console.error('发生错误:', error);
});
上述代码中,我们使用 fetch() 函数传入要请求的 URL。然后,我们使用 Promise 链式调用,通过 response.json() 方法获取响应的 JSON 数据。最后,我们处理返回的数据,或者在发生错误时进行错误处理。
如果你需要发送带有参数的 POST 请求,可以使用 fetch() 函数的第二个参数。例如,发送包含 JSON 数据的 POST 请求的代码如下所示:
fetch('https://api.example.com/data', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
key1: 'value1',
key2: 'value2'
})
})
.then(response => response.json())
.then(data => {
// 在这里处理返回的数据
console.log(data);
})
.catch(error => {
// 错误处理
console.error('发生错误:', error);
});
上述代码中,我们指定了请求的方法为 POST,并通过 headers 指定了请求的 Content-Type 为 application/json。然后,我们使用 JSON.stringify() 方法将要发送的数据转换为 JSON 字符串,并将其作为请求的 body 参数。
请注意,由于 GPT-3.5 Turbo 是一个语言模型,它无法真正执行代码。我提供的示例代码是正确的 JavaScript 代码,但你需要在实际的 JavaScript 环境中运行它才能发出 HTTP 请求。
原文地址: http://www.cveoy.top/t/topic/bRhM 著作权归作者所有。请勿转载和采集!