Javascript 在调用函数之前，等待click事件的结果完成加载

我正在尝试执行一个由用户点击我网站上的链接触发的功能。但是，在下一页（即链接指向的页面）完全加载之前，执行该功能所需的数据不可用。我知道有很多关于$（document）.ready和window.onload的文章，但这似乎是在等待链接所在的页面，而不是等待下一个页面被加载。以下是我目前的代码：

$(document).on("click", "#SidebarLink", function () {
     // track the user click event 
     getData();        
});

function getData() { 
     // takes information using Jquery from the loaded page 
}

---

我曾尝试在这两个函数中都包含一个文档就绪函数，但都不起作用，我一直在想下一步该怎么做。有人能告诉我在执行“getData”函数之前如何等待链接加载到下一页的正确方向吗？我需要它被触发的链接点击，因为这是我跟踪的用户分析

如果用户正在更改页面，则将不再处理所引用的脚本。执行您在文档中尝试执行的任何函数。在目标页面上的脚本标记中执行ready函数。@Laif那么，在第一页上的单击事件之后，是否无法等待执行该函数，直到第二页加载完毕？当您离开该页时，您正在处理的脚本不再存在。它是在上一页而不是当前页上调用的。它不会在浏览器上持久存在。考虑在新页面中调用函数或使用类似PHP的异步方法