0

我正在使用 ajax 创建一个 Web 应用程序，但在获取上次访问的 URL 时遇到问题，以便在有人按下浏览器上的后退按钮时重新加载内容。

假设我在http://example.com上，然后导航到http://example.com/#hello-world并导航到http://example.com/#using-custom-function。

当我们前进时效果很好，但是当用户单击浏览器上的后退按钮时，页面不会加载内容，但 URL 会更改。

我已经尝试了哈希更改，但这也无济于事，因为它也会重新加载页面以进行前向和后向请求。

我想知道是否有解决方案。

这是我的ajax函数，

function get_gallery_artworks(arguments,data,media,type,page,callback_function, gal_ids){

     /*Masking*/
    //Get the screen height and width
    var maskHeight = jQuery('window').height();
    var maskWidth = jQuery('window').width();

    var loaderWidth = maskWidth/2;

    var overlay_id = 'overlay-div';

    //Set heigth and width to mask to fill up the whole screen
    jQuery('.loader-image').css({
        'left':loaderWidth,
        'top':maskHeight
    });
    jQuery('.overlay').css({
        'opacity':0,
        'height':jQuery(document).height(),
        'width':jQuery(window).width()
    });

    //transition effect     
    jQuery('.overlay').fadeIn(1000);    
    jQuery('.overlay').fadeTo("slow",0.8);


     var loader_height = ((jQuery(document).height())/4);
     var loader_width =  ((jQuery(window).width())/2);
    jQuery('#'+overlay_id).css('left', loader_width);
    jQuery('#'+overlay_id).css('top', loader_height);

    jQuery('#'+overlay_id).css('display',  'block');//alert('#'+id);
    jQuery('#'+overlay_id).css('padding',  '0px 0px 15px 15px');

    //transition effect
    jQuery(overlay_id).fadeIn(2000); 
    var data_str = arguments;

    window.location.hash = 'gallery='+data_str;

    var data_arr = data_str.split("_");  
    collection_id = data_arr['0']; 
    artist_id = data_arr['1'];
    artwork_id = data_arr['2']; 

    jQuery.ajax({
        type : 'POST',
        url : ajax_url,
        data : {
            collection_id:collection_id, 
            artwork_id:artwork_id, 
            artist_id:artist_id, 
            media:media, 
            type:type,
            callback:callback_function,
            navigation:jQuery('.gs-top-navigation').html(),
            gspage:page,
            data : '',//data_obj
            gal_ids : gal_ids
        },   
        success: function(result) { 

            jQuery('.overlay').hide();  
            jQuery('.window').hide();
            jQuery('.gs-content').html(result);
            window.document.body.scrollTop = 0;
        window.document.documentElement.scrollTop = 0;
        },
        error: function(jqXHR, textStatus, errorThrown) 
        {
            alert(textStatus);
            alert(errorThrown);
            jQuery('.overlay').hide();  
            jQuery('.window').hide();
        }
    });

}
4

1 回答 1

0

我让它工作了

jQuery(window).on('hashchange', function() {
  jQuery("body").load(location.href+' body');
});

但是有一个问题，虽然我需要它在 url 是以前的 url 时调用它，location.href==previous url然后我需要运行上面的

于 2013-08-02T12:40:47.270 回答