保存ajax页面的先前状态

时间:2016-03-08 16:59:51

标签: javascript php jquery ajax browser-history

我正在使用触发事件的按钮动态加载我的站点记录,以继续在数据库中显示记录。

它们实际上是新闻标题,当您按下按钮时,记录会添加十个。

我正在使用jquery动态地进行操作,但在输入故事时,如果您再给浏览器返回按钮,则重新加载网页而不预先加载ajax内容。

我尝试使用历史记录方法保存状态,设法在按下按钮时更改网址,因为当你按下按钮时加载记录,但是一旦你走进新闻报道想要回来,就没有ajax的痕迹内容,我想我做错了。

使用相同系统的Web示例:

http://tecnomagazine.net/

这里我留下我的jquery代码,看看如何保存页面的先前状态:

Var“点击跟踪”计算点击负责加载记录的按钮。 Var php“$ total_pages”表示查询中的页面总数。 “.minb”是我将转储内容的div,“infinite.php”是我连接数据库的地方,我正在记录数据库。

  var track_click = 0; 

        var total_pages = <?php echo $total_pages; ?>;
        $('.minb').load("/php/infinite.php", {'page':track_click}, function() {track_click++;});

一旦我点击div“load_more”来加载这些事情就会发生。

$(".load_more").click(function (e) { 


    window.history.pushState (track_click, null, "pagina"+track_click+".php");



        $(this).hide(); 
        $('.animation_image').show(); 

        if(track_click <= total_pages) 
        {

            $.post('/php/infinite.php',{'page': track_click}, function(data) {

                var pagina="pagina"+ track_click + ".html";



                $(".load_more").show(); 

                $(".minb").append(data); 



                $('.animation_image').hide(); 

                track_click++; 



            }).fail(function(xhr, ajaxOptions, thrownError) { 
                alert(thrownError); 
                $(".load_more").show(); 
                $('.animation_image').hide(); 
            });


            if(track_click >= total_pages-1)
            {

                $(".load_more").attr("disabled", "disabled");
            }
         }

        });

看看你是否可以帮助我,并提供一个解决方案来转动要加载的页面。谢谢

0 个答案:

没有答案