使用promise解决ajax异步问题

基本代码结构

	new Promise((resolve, reject) => {
    $.ajax({
      url: "./hello.php",
      data: {
        keyword: "hi",
      },
      success(data) {
        // 成功，传data给resolve的回调
        resolve(data);
      },
      fail(error) {
        reject(error);
      },
    });
  })
  .then((data) =>{
    console.log("请求成功")
  })
  .catch((error) =>{
    console.log("请求失败" + error);
  })

使用promise包裹ajax请求

若成功执行.then 中的函数，输出请求更高，并且可以对获取的数据进行下一步操作

若失败执行.catch中的函数，并且输出错误原因