在使用Ajax加载页面时，如果页面重新加载，Ajax请求会被中断，不会触发回调函数。这是因为页面重新加载会导致之前的Ajax请求被取消。 解决这个问题的一种方法是在页面重新加载前取消当前的Ajax请求，然后在页面加载完成后重新发送请求。可以使用以下代码示例来实现：

// 存储当前的Ajax请求
var currentAjaxRequest = null;

// 在页面即将重新加载时取消当前的Ajax请求
window.onbeforeunload = function() {
  if (currentAjaxRequest) {
    currentAjaxRequest.abort();
  }
};

// 发送Ajax请求的函数
function sendAjaxRequest() {
  // 取消之前的Ajax请求
  if (currentAjaxRequest) {
    currentAjaxRequest.abort();
  }

  // 发送新的Ajax请求
  currentAjaxRequest = $.ajax({
    url: "your_url",
    method: "GET",
    success: function(response) {
      // 处理请求成功的回调函数
    },
    error: function() {
      // 处理请求失败的回调函数
    },
    complete: function() {
      // 重置当前的Ajax请求
      currentAjaxRequest = null;
    }
  });
}

// 在页面加载完成后重新发送Ajax请求
$(document).ready(function() {
  sendAjaxRequest();
});

上述代码中，sendAjaxRequest函数用于发送Ajax请求。在发送新的Ajax请求之前，会先取消之前的请求。页面重新加载时，会触发window.onbeforeunload事件，该事件会取消当前的Ajax请求。在发送新的请求和取消请求的回调函数中，我们重置了currentAjaxRequest变量，以便在下次重新加载页面时重新发送请求。

请注意，上述代码使用了jQuery库来发送Ajax请求，如果您使用的是其他库或原生的JavaScript代码，您需要相应地修改代码。