使用JavaScript加载JSON数据

JavaScript可以用来加载JSON数据，JSON是JavaScript Object Notation的缩写，是一种轻量级数据交换格式。它使用易于阅读且易于编写的文本格式，且可以提供程序和人类之间的交互数据。

加载JSON数据的方法

XMLHttpRequest（XHR）

使用XHR对象来从服务器请求JSON数据。XHR是浏览器内置对象之一，它提供了从Web服务器获取数据的方法。

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

Fetch API

Fetch API是Web平台上的一个新API，它提供了从服务器获取资源的方法，并返回一个Promise对象。

fetch("data.json")
  .then(response => response.json())
  .then(data => console.log(data));

jQuery

如果您使用jQuery库，则可以使用$.get()方法来加载JSON数据。

$.get("data.json", function(data) {
  console.log(data);
}, "json");

注意事项

请确保JSON数据是有效的。可以使用JSON Lint工具来检查JSON数据是否有效。

结论

使用JavaScript加载JSON数据需要一些代码，但是可以让您方便地将数据集成到Web应用程序中。使用上面的方法之一，您可以轻松地获取并使用JSON数据。