如何在JavaScript中同步加载JSON？

在JavaScript中，可以使用同步和异步两种方式加载JSON数据。下面将介绍同步加载JSON的方法。

同步加载JSON可以通过XMLHttpRequest对象和fetch API来实现。

使用XMLHttpRequest对象：

function loadJSONSync(url) {
  var request = new XMLHttpRequest();
  request.open('GET', url, false);
  request.send(null);
  if (request.status === 200) {
    return JSON.parse(request.responseText);
  } else {
    throw new Error('Failed to load JSON file');
  }
}

// 调用示例
var data = loadJSONSync('data.json');
console.log(data);

该方法通过创建一个XMLHttpRequest对象，使用open方法指定请求的URL，然后调用send方法发送请求。当请求成功返回时，可以通过request.responseText获取响应内容，并使用JSON.parse方法将其解析为JSON对象。

使用fetch API：

function loadJSONSync(url) {
  return fetch(url)
    .then(function(response) {
      if (response.ok) {
        return response.json();
      } else {
        throw new Error('Failed to load JSON file');
      }
    })
    .then(function(data) {
      return data;
    })
    .catch(function(error) {
      console.log(error);
    });
}

// 调用示例
loadJSONSync('data.json')
  .then(function(data) {
    console.log(data);
  });

该方法使用fetch函数发送GET请求，并返回一个Promise对象。通过链式调用then方法，可以在请求成功返回时使用response.json方法获取JSON数据。如果请求失败，会抛出一个错误。

以上是在JavaScript中同步加载JSON的两种常见方法。请注意，同步加载会阻塞其他操作，因此在实际开发中，建议使用异步加载JSON数据，以避免页面卡顿。