可以使用异步调用返回值来显示/隐藏警报吗？

Question

在此之前作为骗子关闭，我已经通过论坛上的许多项目没有回答我的问题，所以请阅读。

场景：用户点击一个按钮。 javascript 应该验证输入日期是否有效。如果它无效，请显示一个确认框，以便他们可以继续使用错误的日期到服务器进行数据库插入或更新，或者取消和编辑。

要进行日期验证，我需要调用一个网络方法。使用 ajax 调用，因为它是异步的，所以不会工作，因为它不等待 web 方法的结果。由于在声明时将变量设置为 false，因此“isdateValid”方法始终返回 false 并显示确认框，即使日期有效（web 方法返回 true）。我添加了一个回调函数来处理 webmethod 调用，但在 webmethod 返回之前，消息框已经显示给用户。我似乎可以使这个“工作”的唯一方法是将它作为同步调用而不是异步调用。除了使 async: false 之外，有没有办法让它“等待”？这确实是一个同步逻辑，但所有论坛帖子都说要避免使其同步，所以对想法持开放态度。

function buttonClick(){
     if (!isDateValid())
          //show the confirmation box
}

function isDateValid(){
      var isDateValid = false;
      //ajax call to webmethod
}

---更详细，尝试了我发现的各种东西......仍然不好。

用户点击“发布”按钮...检查日期是否有效，如果没有，显示消息框，他们可以继续发布或取消

function checkPostConfirmation() {
if (!checkDateValidation())
    //show confirmation box
else
   //do something different  
   //always comes here because it's not "waiting"
}

//this method doesnt actually "wait"
async function checkDateValidation() {
    let result = await isChequeDateInvalid();
    return result;
}

 async function isDateInvalid() {
    var isDateValid = false;
    var selectedDate = (date from control on the screen)

    var result = await $.ajax
        ({
            ...typical stuff
            async: true,
            success: function(msg) {
                    callback(msg.d);
                }
        });                
    }

    function callback(boolResult) {
        isDateValid = boolResult;
    }

    return isDateValid;
}

Answer 1

你可以试试 Javascript async/await，

function buttonClick(){
          isDateValid()
                  .then(result => {
                       if (!result)
                           //show the confirmation box
                   })
                  .catch(err => //handle error);
     
}

async function isDateValid(){
      var isValid = false;
      //ajax call to webmethod with await keyword
      isValid = await fetch(url);
      return isValid;
}