AJAX即异步JavaScript和XML。这种技术可以通过在后台服务器和前端网页之间进行异步数据交换,无需刷新整个页面就可以更新其中的一部分内容。通过使用AJAX和JSON,我们可以轻松地从服务器获取数据,然后将其解析和显示在网页上。
//创建XMLHttpRequest对象 var xhr = new XMLHttpRequest(); //打开请求 xhr.open('GET','data.json'); //设置响应类型为JSON xhr.responseType = 'json'; //发送请求 xhr.send(); //当接收到响应时执行 xhr.onload = function() { //如果状态码为200,表示请求成功 if (xhr.status == 200) { //将响应结果转为JSON对象 var response = xhr.response; //打印结果 console.log(response); } };
在上述代码中,我们使用XMLHttpRequest对象从服务器获取JSON数据。首先,我们创建一个XMLHttpRequest对象。然后,我们使用open()方法打开请求,并将请求类型设置为GET,从服务器获取data.json文件。接下来,我们将响应类型设置为JSON,并使用send()方法发送请求。最后,我们使用onload方法接收请求响应,并将响应结果转为JSON对象。最终,我们可以将JSON数据在网页上解析并把它呈现出来。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。