ajax如何封装请求方法promise

可以使用ES6中的Promise对象来封装ajax请求方法，具体步骤如下：

1. 创建一个Promise对象，该对象接受一个函数作为参数，该函数包含两个参数resolve和reject。

2. 在该函数中，使用XMLHttpRequest对象发起ajax请求，并在请求成功或失败时调用resolve和reject方法。

3. 将XMLHttpRequest对象的open、send和onreadystatechange方法封装到一个函数中，该函数返回一个Promise对象。

4. 在调用该函数时，使用then方法来处理请求成功或失败的情况。

下面是一个简单的封装ajax请求方法的示例代码：

function ajax(url, method, data) {
  return new Promise(function(resolve, reject) {
    const xhr = new XMLHttpRequest();
    xhr.open(method, url);
    xhr.setRequestHeader('Content-Type', 'application/json');
    xhr.onreadystatechange = function() {
      if (xhr.readyState === 4) {
        if (xhr.status === 200) {
          resolve(JSON.parse(xhr.responseText));
        } else {
          reject(xhr.status);
        }
      }
    };
    xhr.send(JSON.stringify(data));
  });
}

在调用该方法时，可以使用then方法来处理请求成功或失败的情况：

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

以上代码中，ajax函数返回一个Promise对象，当请求成功时，resolve方法会返回响应数据；当请求失败时，reject方法会返回错误状态码。在调用ajax函数时，使用then方法来处理请求成功的情况，使用catch方法来处理请求失败的情况。