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

Question

它是我第一个使用 jsp , jstl 构建的 Web 应用程序，使用 ajax 来让音乐播放器在整个网站上播放。我在单页中有很多 ajax req。当我点击它时，它工作得很好，但是当我刷新它时，我会在这段代码“Djpage.jsp”中进入空白内容页面，没有任何在 ajax 中请求的内容，我知道它会显示 url，但我研究了很多并尝试过，但它不起作用，当我单击按钮时它没有响应，只有 url 被更改。

需要帮助和解释我如何实现这一点 -

1. 每当触发刷新按钮时显示 ajax 数据。
2. 前进和后退按钮应该可以工作并显示 ajax 内容。

希望你能解决我的问题

下面是我的 ajax req 代码 -

$('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()
});