在浏览器上更新ajax&按下刷新按钮

时间:2018-02-06 10:53:48

标签: javascript jquery ajax jsp browser-history

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

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

  1. 每当触发刷新按钮时显示ajax数据。
  2. 前进和后退按钮应该起作用并显示ajax内容。
  3. 希望你得到我的问题

    下面是我的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);
    
    
            });        
    
    }); 
    

1 个答案:

答案 0 :(得分:0)

您可以在页面加载时调用函数(生成ajax请求)以获取每个部分的相应数据。 例如,

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