Javascript 如果SPA（单页应用程序）中的其他页面加载中断，如何避免以前的ajax响应？

我可以问一些关于水疗的概念吗？ 我使用SPA开发了客户端网页。 在菜单A中单击它，请求一些ajax调用并等待响应。 在这段时间内，如果我转到另一个页面B，A的ajax响应就会出现，它试图调用已经加载的javascript代码，因为浏览器在SPA中不执行刷新。 我怎样才能避免这种情况，并忽略之前A的所有ajax响应

$.ajax({
      url: url,
      type: "GET",
      dataType: "json",
      headers: {"Authorization": 'Token ' + myToken},
      success: function(response) {
          my_callback(response); // <== I want to block this if leaves current page...
      },
      error: function(response) {
      },
      complete: function(response) {
      }
    });

你可以接受这个请求

如果请求已经发送，XMLHttpRequest.abort方法将中止请求。请求中止时，其readyState更改为XMLHttpRequest.UNSENT 0，请求的状态代码设置为0

---

请求。谢谢@mkHun。我试试看。

    var xhr = $.ajax({
        url: url,
        type: "GET",
        dataType: "json",
        headers: { "Authorization": 'Token ' + myToken },
        success: function (response) {
            my_callback(response); // <== I want to block this if leaves current page...
        },
        error: function (response) {
        },
        complete: function (response) {
        }
    });

if(pageNavigates){
    xhr.abort();
}