静态页面能实现不重载刷新么…有木有黑科技或折中方案（看着像就行）

[Syaoran]

不重载刷新大概就是像Gmail页面，或者G+的瀑布流吧，我不知道专业名词应该叫什么，查了下ajax貌似能实现但是貌似是动态的，所以想问问静态页面能否实现这样的效果，大体上就是：
1、点开一个链接不会有明显的加载过程（屏幕全白）
2、能自动加载出更多的内容（大概就是所谓瀑布流）
3、页面的跳转过程能有动态效果（比如像Gmail的彩色翻页小圆点，又如Youtube加载过程中页面顶部的红色进度条）
4、纯静态，html

[JimmyCai]

你说的不就是AJAX么

[kozora]

ajax啊。。

[Syaoran]

@JimmyCai
@kozora 静态页面也能使用么…关于ajax我是小白诶。搜索不到在静态页面使用的相关实例…

[JimmyCai]

@Syaoran 静态页面不是应该更简单么...动态还要纠结怎么输出

[phy25]

Ajax 抓静态或者动态内容都行的。不过觉得这里你需要着重处理的是 Ajax 进来的页面的 CSS 和 JS 重复加载问题……

[luo123qiu]

想起多年前，还不懂ajax的时候，用iframe模拟过ajax效果。
代码：
<a href="xxx.html" target="xxx">打开另一个页面</a>
<iframe name="xxx"></iframe>

有局限性，慢慢玩吧。。

[yakczh]

react

[luo123qiu]

@Syaoran 主要就是利用a标签的target属性，在iframe里打开别的页面，实现局部刷新。自己玩玩还行，实际项目中还是别用这种方法了吧，挺2的。。。。再说10年前的东西不好玩啊。。

[banri]

纯静态……是不是不用读取后端数据？那就不用Ajax啊……
这不就是简单的DOM操作么...

[cloverstd]

AngularJS ngRoute

[jruif]

@cloverstd 这个方法可以，不过我觉得成本太大，只是伪装下，可以使用一个比较笨的办法，使用setInterval来不断ajax请求数据，数据返回后替换原来的数据，可实现你的需求。

[jruif]

@jruif 额。。。没注意看你的需求，sorry，请折叠。。。

[Syaoran]

@banri 谢谢…啊的确DOM就行了…不过那个…怎么添加动态效果（第三条

[046569]

LZ 可以围观下我博客,大体上实现了你要求的效果.
打开开发者工具你就明白了...

[banri]

@Syaoran JS和CSS都可以实现
简单的办法就是把过度效果写进CSS 然后用JS添加样式就行了

[Syaoran]

@046569 Turbolinks.js?貌似要大量改动已有的html以实现？不过效果很好


@banri DOM操作需要大量改动已有的html么？

[kozora]

w3chtml.com

[bruce55]

就ajax加载，然后把dom的innerHTML替换掉就行了