Question

我正在使用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();
        }
    });

}

Answer 1

我使用

工作了

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

但有一个问题，虽然我需要它来调用当网址是前一个网址，如location.href==previous url，然后我需要运行上面的

jQuery在ajax页面中获取最后访问的url

1 个答案: