如何更新JSON调用URL onclick

<button onclick="updateJSON()">更新JSON</button>

function updateJSON() {
  // 创建一个XMLHttpRequest对象
  var xhr = new XMLHttpRequest();

  // 设置请求方法和URL
  xhr.open('GET', 'https://example.com/api/data.json', true);

  // 设置请求完成后的回调函数
  xhr.onload = function() {
    if (xhr.status === 200) {
      // 请求成功，获取返回的JSON数据
      var jsonData = JSON.parse(xhr.responseText);

      // 在这里可以对jsonData进行处理和更新操作
      // ...

      // 示例：打印jsonData中的某个属性
      console.log(jsonData.property);
    }
  };

  // 发送请求
  xhr.send();
}

function updateJSON() {
  fetch('https://example.com/api/data.json')
    .then(function(response) {
      if (response.ok) {
        return response.json();
      } else {
        throw new Error('请求失败');
      }
    })
    .then(function(jsonData) {
      // 在这里可以对jsonData进行处理和更新操作
      // ...

      // 示例：打印jsonData中的某个属性
      console.log(jsonData.property);
    })
    .catch(function(error) {
      console.log(error);
    });
}