通过hash来解决AJAX页面后退前进的问题

前端之家收集整理的这篇文章主要介绍了通过hash来解决AJAX页面后退前进的问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

问题:使用AJAX访问资源时,浏览器地址栏里的地址是不变的,此时后退和前进按钮也就不能用了。
办法:当访问地址发生变化时,修改页面的hash,使浏览器记住曾经访问的地址
代码

$('.accordion-inner').click(function(){
         //更改hash
         window.location.hash='#'+$(this).attr('inc');
      })
      function loadPanel() {
         //div 加载外部页面
         $("#tabs-511269").load(window.location.hash.substr(1));
      }
      //绑定hashchange事件
      $(window).bind("hashchange",loadPanel);
原文链接:https://www.f2er.com/ajax/166247.html

猜你在找的Ajax相关文章