Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Popstate后退按钮功能在Chrome和IE中运行缓慢(firefox很好)_Javascript_Jquery_Ajax_Google Chrome_Html5 History - Fatal编程技术网

Javascript Popstate后退按钮功能在Chrome和IE中运行缓慢(firefox很好)

Javascript Popstate后退按钮功能在Chrome和IE中运行缓慢(firefox很好),javascript,jquery,ajax,google-chrome,html5-history,Javascript,Jquery,Ajax,Google Chrome,Html5 History,我设法建立了一个使用HTML5历史API的工作示例。它在Firefox中运行良好,但在Chrome和IE11中,每按一次后退或前进按钮,页面加载时间就会慢得多 在按下4或5次(在两页之间来回移动)后,速度会变得非常慢 我想这可能取决于我如何使用AJAX加载内容,但为什么它在页面之间的前几次转换中工作得很好呢 以下是一个工作链接: 下面是使所有工作正常的代码片段: loadContent = function () { $.ajax({ url: pageUrl, success: functi

我设法建立了一个使用HTML5历史API的工作示例。它在Firefox中运行良好,但在Chrome和IE11中,每按一次后退或前进按钮,页面加载时间就会慢得多

在按下4或5次(在两页之间来回移动)后,速度会变得非常慢

我想这可能取决于我如何使用AJAX加载内容,但为什么它在页面之间的前几次转换中工作得很好呢

以下是一个工作链接:

下面是使所有工作正常的代码片段:

loadContent = function () {
$.ajax({
url: pageUrl, success: function (data) {
        $('#main-content').html(data);
    }
});

if (pageUrl != window.location) {
    window.history.pushState({ path: pageUrl }, '', pageUrl);
}

}

$(window).on('popstate', function () {
    $.ajax({
        url: location.pathname, success: function (data) {
            $('#main-content').html(data);
        }
    });
});


$('a').on('click', function () {
pageUrl = $(this).attr('href');
loadContent();
return false;

});