javascript - 如何使用 ajax 无刷新既改变网页地址(url)又能实现前进后退改变内容?
巴扎黑
巴扎黑 2017-04-10 14:22:41
[JavaScript讨论组]

假设现在有一个网页如下:

  • //当点击这个 li 标签时,p#a-page 显示,并在他的子 p.ajax-load- a-page当中载入 a-page.html。同时 url 改变为 example.com/a-page.html,并且前进后退可用。下同。
  • //....

//....

//....

现在我试用了 pushstate,但是只能改变地址的 url,前进后退也只改变 url 地址,内容没有改变。可能是没有绑定 popstate 的缘故,但不知道这部分的绑定代码应该怎么写?
补充一下,不必考虑IE

巴扎黑
巴扎黑

全部回复(2)
高洛峰

参考cuelog.com这个站点,IE下也有效,
使用的 jquery.ba-hashchange 插件,
还有html5的history.pushState事件,
IE下监听 $(window).on('hashchange', function(){});事件。

阿神

有一个pajax.可以看看

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号