用promine封装Ajax

Promises 是一种处理异步操作的方式，它可以使异步代码更加清晰和易于管理。在封装 Ajax 请求时，Promises 可以提高代码的可读性和可维护性。

以下是一个使用 Promises 封装 Ajax 请求的示例：

function ajax(url, method, data) {
  return new Promise(function(resolve, reject) {
    var xhr = new XMLHttpRequest();
    xhr.open(method, url);
    xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
    xhr.onload = function() {
      if (xhr.status === 200) {
        resolve(xhr.response);
      } else {
        reject(xhr.statusText);
      }
    };
    xhr.onerror = function() {
      reject("Network Error");
    };
    xhr.send(JSON.stringify(data));
  });
}

在这个示例中，我们定义了一个名为 ajax 的函数，该函数接受三个参数：URL、请求方法和请求数据。该函数返回一个 Promise 对象，其中包含 XMLHttpRequest 对象的异步操作。

在 Promise 中，我们定义了 XMLHttpRequest 的 onload 和 onerror 事件，分别处理请求成功和请求失败的情况。如果请求成功，我们调用 Promise 的 resolve 方法并传递响应数据。如果请求失败，我们调用 Promise 的 reject 方法并传递错误消息。

使用这个封装的 Ajax 函数，我们可以像这样发送 Ajax 请求：

ajax("/api/data", "POST", {name: "John", age: 30})
  .then(function(response) {
    console.log(response);
  })
  .catch(function(error) {
    console.error(error);
  });

在这个示例中，我们使用 ajax 函数发送一个 POST 请求，将一个包含 name 和 age 属性的对象作为请求数据。如果请求成功，我们将会在控制台输出响应数据。如果请求失败，我们将会在控制台输出错误消息。

总的来说，使用 Promises 封装 Ajax 请求可以使异步代码更加易于管理和维护。