使用jquery历史插件处理页面刷新_Jquery_Page Refresh_History.js

使用jquery历史插件处理页面刷新

jquery

使用jquery历史插件处理页面刷新,jquery,page-refresh,history.js,Jquery,Page Refresh,History.js,今天困扰我的问题是“如何用jQuery历史插件捕捉页面刷新” 从几个代码开始： function changePage(PageURI){ History.pushState({PageURL:PageURI}, PageURI, "/"+PageURI); } // Bind to StateChange Event History.Adapter.bind(window,'statechange',function(){ var State = History.getSta

今天困扰我的问题是“如何用jQuery历史插件捕捉页面刷新”

从几个代码开始：

function changePage(PageURI){
    History.pushState({PageURL:PageURI}, PageURI, "/"+PageURI);
}

// Bind to StateChange Event
History.Adapter.bind(window,'statechange',function(){
    var State = History.getState();
    dispatchURL(State.data.PageURL);
});

因此，在更美好的世界中，一切都完美运行，我所有的锚都有一个：

onclick="javascript:changePage('New-Page');"

诀窍是，当我刷新页面（F5或浏览器图标）时，不会触发History statechange事件（这是可以理解的，因为URL不会更改），但这对我的事务不好

那个么，使用历史插件的人可以告诉我他们是如何处理页面刷新的，或者告诉我如何通过历史（或者只是jquery）事件捕获页面刷新事件吗

谢谢

编辑

在等待更好的解决方案时，这里有一个解决方法：

window.onbeforeunload = function() {
    History.pushState({PageURL:'#'}, '#', '/#');
}

我的网站是完全的ajax，这意味着我从不刷新浏览器以从一页转到另一页

因此，当我进行页面刷新（或直接访问特定页面）时，我必须在服务器端处理它，以知道调用了哪个页面，并将适当的参数传递给我的javascript以显示所需的内容

我使用一种RESTfull api来实现这一点：

假设您想刷新www.my-site/page1:tell.htaccess以重定向页面1

RewriteCond %{THE_REQUEST} ^[A-Z]{3,}\s/+index\.php\?request=page1 [NC]

RewriteRule ^ /page1? [R=301,L]

RewriteRule ^page1$ index.php?request=page1 [QSA,NC,L]

您的index.php将收到一个请求参数，检索它：

$_REQUEST['request']

bis：如果您有复杂的URL（www.my-site/page1/page2），请进行分解：

$args = explode('/', rtrim($_REQUEST['request'], '/'));

写入javascript变量：

var pageToLoad = page1;

DOM就绪后，执行适当的操作：

if(typeof pageToLoad !== 'undefined'){
    if(pageToLoad==='page1'){
        // DISPLAY WHAT YOU NEED
    }
}

其他信息：

如果您像我一样在状态更改事件中处理页面的操作：

(function(window,undefined){

    History.Adapter.bind(window,'statechange',function(){ 
        var State = History.getState(); 

        dispatchURL(State.data.PageURL, State.data.PageID);
    });

})(window);

页面刷新时不会触发任何statechange事件，所以您可以做的是测试当前状态（注意，我给了我的PageID一个不同的参数，因为如果所有参数都与以前的状态相同，statechange事件仍然不会触发！！）