ajax拿json数据怎么拿

在前端开发中，我们常常需要通过 Ajax 请求后端接口获取数据并进行展示。而 JSON 数据则是一种常见的数据格式，因此我们需要了解如何通过 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 数据了。

ajax拿json数据怎么拿

相关文章