Ajax、Json深入浅出,及原生Ajax及简化版Ajax
warning:
这篇文章距离上次修改已过203天,其中的内容可能已经有所变动。
Ajax全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是一种创建交互式网页的技术。它允许网页向服务器请求数据而无需刷新页面。
JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。
原生Ajax
var xhr = new XMLHttpRequest();
xhr.open("GET", "your-api-endpoint", true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var json = JSON.parse(xhr.responseText);
console.log(json);
}
};
xhr.send();
简化版Ajax
使用fetch
API进行简化,它返回Promise,更加易用。
fetch("your-api-endpoint")
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));
在这两个简化版的例子中,我们都省略了错误处理,但在实际应用中,你应该始终处理可能发生的错误。
评论已关闭