在浏览器上更新ajax返回并按下刷新按钮

Question

这是我的第一个使用jsp，jstl和 ajax构建Web应用程序，以使音乐播放器在整个站点中播放。 我在一页纸上有很多Ajax请求。 当我单击它时，它一切正常，但是当我刷新时，它会将我带到此代码“ Djpage.jsp”中的空白内容页面，而没有ajax中要求的任何内容，我知道它会显示url，但我进行了大量研究并尝试过，但它不起作用，当我单击按钮时它不响应，只有URL被更改。

需要帮助和解释，我该如何实现-

1. 只要触发刷新按钮，就显示ajax数据。
2. 前进和后退按钮应该起作用并显示ajax内容。

希望你能解决我的问题

以下是我的Ajax请求代码-

$('li.box').on('click', function(){


      $(this).children("form").submit();
         var form =  $(this).children("form");
        var url = 'Djpage.jsp';
        var Djname = $(form).children('input[type=hidden][name=inputName]').val();
        $.get(url,{inputName:Djname},function(data){
                    $("#cssSlider").hide();
                  $("#tabscontainer").hide();

               $("#dj_loard").html(data);
                  $("#dj_loard").show();
                   var newTitle = $(data).filter('title').text();
                   document.title = newTitle;
                    window.history.replaceState({html:"Profilepage.jsp"},null, url);


        });        

}); 

Answer 1

您可以在页面加载时调用函数（发出Ajax请求），以获取每个部分的相应数据。 例如

$(function(){
// functions to be triggered on page load
  abc();
  xyz()
});