怎么实现换页不刷新？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 4117 天前的主题，其中的信息可能已经有所发展或是发生改变。

如题，不用ajax。

ajax

刷新

实现

17 条回复 • 2014-10-29 10:13:26 +08:00

icedx

2014 年 10 月 26 日 via Android

框架

Imivan

2014 年 10 月 26 日 via iPhone

@icedx 哪个框架，请明示。

imn1

2014 年 10 月 26 日

用div做分页，切换显示就是了

klam

2014 年 10 月 26 日

把数据一次性全部载入，然后保存在变量或dom里..

avrillavigne

2014 年 10 月 26 日

@Imivan iframe 笑出声

Imivan

2014 年 10 月 26 日 via iPhone

@avrillavigne
@klam
谢谢了，大致就是这两种了。

icedx

2014 年 10 月 26 日 via Android

@Imivan iframe

kmvan

2014 年 10 月 26 日

用Jsonp

aliuwr

2014 年 10 月 26 日

你需要的应该是 HTML5 History API:
https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history#Adding_and_modifying_history_entries

Demo:
http://html5demos.com/history

由于是 HTML5 里的标准, 对于古董浏览器, 可以使用 location.hash 作为替代品.

loading

2014 年 10 月 26 日

不用ajax，用iframe，是无刷新换页，自欺欺人！

@aliuwr 您说的是 pjax ?

Imivan

2014 年 10 月 26 日 via iPhone

@aliuwr 这个也可以，太谢谢啦。

shsf4

2014 年 10 月 26 日

试试angular.js的路由功能~~

aliuwr

2014 年 10 月 26 日 via Android

@loading 网易云音乐就是使用的 iframe，比较失望。
不过不会有兼容问题，已有的系统也不需要做什么调整，是比较省力的方案。

重点不是服务器返回内容的格式，而是 URL 的维护。

good

2014 年 10 月 27 日

@aliuwr 这个才是正解

Imivan

2014 年 10 月 29 日 via iPhone

@aliuwr 可以给个window.location.hash源码和演示么？w3school没有，网上的资料也很少。前端渣渣，谢谢了。

aliuwr

2014 年 10 月 29 日

@Imivan 可以参考或使用该 JS 库，
https://github.com/browserstate/history.js/

Imivan

2014 年 10 月 29 日

@aliuwr 好吧，我早该想到github的不刷新。谢谢啦