JavaScript 怎样获取 JSON 数据

在现代Web开发中，JSON（JavaScript Object Notation）数据格式广泛应用于数据传输和存储。JavaScript提供了多种方法来获取JSON数据，下面将介绍几种常见的方式。

一、使用XMLHttpRequest对象

这是一种传统的获取数据的方法，适用于大多数浏览器。以下是一个简单的示例：

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

在上述代码中，首先创建了一个XMLHttpRequest对象，然后使用open方法指定请求的类型、URL和是否异步。当请求状态改变时，onreadystatechange函数会被调用，在请求完成且状态码为200时，通过JSON.parse方法将获取到的JSON字符串转换为JavaScript对象。

二、使用fetch API

fetch API是一种更现代的获取数据的方式，它返回一个Promise对象，使异步操作更加方便。示例如下：

fetch('data.json')
.then(response => response.json())
.then(data => {
    console.log(data);
 })
.catch(error => {
    console.error('Error:', error);
 });

在这个例子中，fetch函数发起一个GET请求，当获取到响应后，使用response.json()方法将响应体解析为JSON数据，然后在then方法中处理解析后的数据，如果出现错误则在catch方法中处理。

三、使用jQuery的$.getJSON方法（需要引入jQuery库）

如果项目中使用了jQuery库，可以使用$.getJSON方法来获取JSON数据，代码如下：

$.getJSON('data.json', function(data) {
    console.log(data);
});

通过上述几种方法，开发者可以根据项目的需求和环境选择合适的方式来获取JSON数据，从而实现数据的动态加载和交互。