AJAX:向服务器请求数据
在JavaScript中,可以使用XMLHttpRequest
或现代的fetch
API来实现AJAX请求。以下是使用fetch
API的示例代码,它是现代浏览器中实现AJAX请求的推荐方式。
// 使用fetch发送GET请求
fetch('https://api.example.com/data', {
method: 'GET',
headers: {
'Content-Type': 'application/json'
}
})
.then(response => {
if (response.ok) {
return response.json(); // 解析JSON数据
}
throw new Error('Network response was not ok.');
})
.then(data => {
console.log('Received data:', data);
})
.catch(error => {
console.error('There has been a problem with your fetch operation:', error);
});
在这个例子中,我们向https://api.example.com/data
发送了一个GET请求,并在响应正确时打印出解析后的JSON数据。如果发生错误,它会被捕获并记录。这是一个基本的AJAX请求示例,适用于任何需要从服务器获取数据的场景。
评论已关闭