如何在点击事件上触发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);