异步请求-AJAX
在JavaScript中,可以使用XMLHttpRequest
或fetch
API来发送异步HTTP请求。以下是使用fetch
API的示例代码:
// 发送GET请求
fetch('https://api.example.com/data', { method: 'GET' })
.then(response => response.json()) // 将响应数据转换为JSON
.then(data => console.log(data)) // 处理JSON数据
.catch(error => console.error('Error:', error)); // 错误处理
// 发送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));
在这个例子中,fetch
函数用于发送异步HTTP请求。通过Promise链,我们可以在请求成功完成时处理响应,在请求失败时处理错误。这是目前在现代web开发中推荐的异步请求方式。
评论已关闭