怎么实现换页不刷新？

ajax

刷新

实现

17 replies • 2014-10-29 10:13:26 +08:00

1

icedx

Oct 26, 2014 via Android

框架

2

Imivan

OP

Oct 26, 2014 via iPhone

@icedx 哪个框架，请明示。

3

imn1

Oct 26, 2014

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

4

klam

Oct 26, 2014

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

5

avrillavigne

Oct 26, 2014

@Imivan iframe 笑出声

6

Imivan

OP

Oct 26, 2014 via iPhone

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

7

icedx

Oct 26, 2014 via Android

@Imivan iframe

8

kmvan

Oct 26, 2014

用Jsonp

9

aliuwr

Oct 26, 2014

你需要的应该是 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 作为替代品.

10

loading

Oct 26, 2014

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

@aliuwr 您说的是 pjax ?

11

Imivan

OP

Oct 26, 2014 via iPhone

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

12

shsf4

Oct 26, 2014

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

13

aliuwr

Oct 26, 2014 via Android

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

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

14

good

Oct 27, 2014

@aliuwr 这个才是正解

15

Imivan

OP

Oct 29, 2014 via iPhone

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

16

aliuwr

Oct 29, 2014

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

17

Imivan

OP

Oct 29, 2014

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