在前端开发中,我们常常需要通过 Ajax 请求后端接口获取数据并进行展示。而 JSON 数据则是一种常见的数据格式,因此我们需要了解如何通过 Ajax 获取 JSON 数据。
首先,我们需要创建一个 XmlHttpRequest 实例:
var xhr = new XMLHttpRequest();
随后,我们需要初始化请求:
xhr.open('GET','http://example.com/example.json',true);
这里需要注意的是,请求的方式是 GET,请求的地址是 http://example.com/example.json,第三个参数为 true 表示该请求为异步请求。
接下来,我们需要设置响应的数据格式:
xhr.responseType = 'json';
这里指定了响应的数据格式为 JSON,该设置只适用于可跨域名的请求。
然后,我们需要发送请求:
xhr.send();
在请求完成后,我们需要判断响应的状态并处理响应数据:
xhr.onload = function() { if (xhr.status === 200) { console.log(xhr.response); } else { console.error(xhr.statusText); } };
这里使用了 onload 事件,只有当请求成功完成后才会触发该事件。然后,我们需要判断响应的状态是否为 200,如果是,则将响应结果输出到控制台中,否则输出响应状态的文本描述。
xhr.onerror = function() { console.error('请求失败!'); };
通过以上步骤,我们就可以通过 Ajax 请求获取 JSON 数据了。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。