有没有人可以教我如何在put和delete请求后立即渲染

// 使用原生JavaScript发送PUT请求
function updateData(id, newData, callback) {
  var xhr = new XMLHttpRequest();
  xhr.open('PUT', '/api/data/' + id, true);
  xhr.setRequestHeader('Content-Type', 'application/json');
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      callback(); // 请求成功后执行回调函数
    }
  };
  xhr.send(JSON.stringify(newData));
}

// 调用updateData函数，并在回调函数中更新页面
updateData('123', { name: 'New Name' }, function() {
  // 更新页面数据和渲染逻辑
});

// 使用Promise封装PUT请求
function updateData(id, newData) {
  return new Promise(function(resolve, reject) {
    var xhr = new XMLHttpRequest();
    xhr.open('PUT', '/api/data/' + id, true);
    xhr.setRequestHeader('Content-Type', 'application/json');
    xhr.onreadystatechange = function() {
      if (xhr.readyState === 4) {
        if (xhr.status === 200) {
          resolve(); // 请求成功时，调用resolve方法
        } else {
          reject(new Error(xhr.statusText)); // 请求失败时，调用reject方法
        }
      }
    };
    xhr.send(JSON.stringify(newData));
  });
}

// 调用updateData函数，并使用Promise的then方法处理成功后的渲染操作
updateData('123', { name: 'New Name' })
  .then(function() {
    // 更新页面数据和渲染逻辑
  })
  .catch(function(error) {
    console.error(error);
  });