JavaScript中的Ajax和数据请求
在JavaScript中,Ajax和数据请求通常是通过XMLHttpRequest
或现代的fetch
API来实现的。
使用XMLHttpRequest
的Ajax请求示例:
var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.example.com/data", true);
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
var data = JSON.parse(xhr.responseText);
console.log(data);
}
};
xhr.send();
使用fetch
API的数据请求示例:
fetch("https://api.example.com/data")
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok ' + response.statusText);
}
return response.json();
})
.then(data => {
console.log(data);
})
.catch(error => {
console.error('There has been a problem with your fetch operation:', error);
});
这两种方式都可以发送HTTP请求从服务器获取数据,fetch
API是现代的、基于Promise的方法,而XMLHttpRequest
是较旧的方法。fetch
更加简洁和现代化,而且它内置了对Promise的支持,使得异步处理更加方便。
评论已关闭