用户按下后退按钮时调用Ajax

Question

我目前的申请中存在问题。我通过ajax加载大量页面内容，它总是按预期工作。但是，每次用户访问我的应用程序的另一页并单击后退按钮时，每次都会发送这些ajax调用。我发现自己在ajax调用之前删除了所有内容并在之后加载它。这种情况有一个简单的方法吗？我的意思是，我想知道是否有一种方式可以通知我，因为单击后退按钮所以我不需要再拨打一个ajax电话？

这是html文件：

<div id="contentToBeLoaded">

</div>

现在是我现在的java脚本：

$(document).ready(function(){

    $("#contentToBeLoaded").empty(); // This is to the handle back button is clicked

    $.ajax({
        type: 'GET',
        url: '/pageToLoadContent',
        dataType: 'html',
        success: function(html) {
            $("#contentToBeLoaded").html(html);
        },
        error: function(error) {
            console.log(error);
        }
    });
}