ajax获取json数据for

最近，越来越多的网站开始使用ajax技术来获取json数据，这种技术可以使网站更加动态化、交互性更强。这里我们将简单介绍一下ajax获取json数据的方法。

在使用ajax获取json数据前，我们需要明确一下两个概念：ajax和json。

什么是ajax？

XMLHttpRequest 对象是 AJAX 的基础，它提供了在 Web 页面更新的背后发送和接收数据的方法。
核心原则是：在不重新加载整个页面的情况下更新部分页面内容。

什么是json？

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式。
JSON 是基于 JavaScript 的，因此它能够被大多数编程语言读取。
JSON 格式比 XML 更容易读写，也更容易解析。

现在我们开始使用ajax获取json数据。

1. 使用jQuery的ajax方法：

$.ajax({
    type: "GET",url: "data.json",dataType: "json",success: function (data) {
        console.log(data);
    },error: function (error) {
        console.log("error");
    }
});

2. 使用原生JavaScript的XMLHttpRequest对象：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
    if (this.readyState == 4 && this.status == 200) {
        var data = JSON.parse(this.responseText);
        console.log(data);
    }
};
xhr.open("GET","data.json",true);
xhr.send();

以上就是ajax获取json数据的方法，当然还有其他的方法，这里只是简单介绍一下。希望对大家有所帮助。