JavaScript中的Ajax和数据请求
warning:
这篇文章距离上次修改已过461天,其中的内容可能已经有所变动。
在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的支持,使得异步处理更加方便。
评论已关闭