js读取远程json数据

fetch('https://api.example.com/data.json')
  .then(response => {
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    return response.json();
  })
  .then(data => console.log(data))
  .catch(error => console.error('There has been a problem with your fetch operation:', error));

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data.json', true);
xhr.onload = function () {
  if (this.status == 200) {
    var data = JSON.parse(this.responseText);
    console.log(data);
  } else {
    console.error('Error:', this.statusText);
  }
};
xhr.onerror = function () {
  console.error('Request failed');
};
xhr.send();

fetch('https://api.example.com/data.json')
  .then(response => response.text())
  .then(text => {
    try {
      var data = JSON.parse(text);
      console.log(data);
    } catch (e) {
      console.error('Invalid JSON:', e);
    }
  })
  .catch(error => console.error('Fetch error:', error));