javascript - 如何在单击事件但仅在页面加载后触发jQuery函数？

我有一个按钮，要求其他站点提供信息。这个呼叫很大，需要几秒钟才能收到响应。收到响应后，我想使用响应中的一些信息向用户显示模式。

所以我的问题是，如何在单击按钮时显示模态，但是只有在收到有效载荷并返回构造消息所需的信息后，才显示模态？请注意，Web服务调用不是用JavaScript完成的。我将消息存储在页面上的隐藏元素中，供用户提取。

这是我尝试过的，希望可以解释我要完成的工作。

$("#get_cost").click(function() {
    var myMessage = $("#responseEle").val();
    swal("Success!", myMessage, "success");
}).ready();

顺便说一句... swal只是https://sweetalert.js.org/，确实很酷，但与我的问题无关。

最佳答案

您可以每秒查询一次要查找的超时情况。单击按钮运行checkDone功能。

let done = false;

function checkDone() {
  if (done) {
    console.log('Done');
  } else {
    console.log('Polling');
    setTimeout(checkDone, 1000); // Run checkDone again in 1,000 milliseconds
  }
}

checkDone();

setTimeout(() => { done = true; }, 5000);

关于javascript - 如何在单击事件但仅在页面加载后触发jQuery函数？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52376706/