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

Question

我有一个按钮可以从另一个站点请求信息。此调用非常大，需要几秒钟才能收到响应。收到响应后，我想向用户显示一个模式，其中包含来自响应的一些信息。

所以我的问题是，如何在单击我的按钮时显示模式，但只有在我收到返回的负载以及构建消息所需的信息时才显示？请注意，Web 服务调用不是在 JavaScript 中完成的。我将发送给用户的消息存储在页面上的隐藏元素中，以便 JS 提取。

这是我尝试过的，希望能解释我想要完成的事情。

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

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

Answer 1

您可以每秒轮询一次超时条件。单击按钮时运行 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);