知不觉在玩Ajax的过程中发现自己已经了解了jquery的一些语法逻辑,于是有了Ajax移植的想法,纯粹是为了玩乐。之前已经遇到过两款ajax插件,可以说基本是没法用的。因为ajax要求网站的结构比较简单规范,实质就是拿链接页面替换原有的页面(按本人非专业理解是这样),并且其他部分保持原状(不替换/不刷新),如果链接加载页面的div中的id和类与原页面的不同,就会出现错位或者不显示(因为无法正常覆盖),但最终ajax还是以减少页面请求为目的——目前这一点还有待学习。下面是本人个人肤浅的理解:
下图中蓝色的content是新链接页面的主体用来替换原有页面的红色content主体,其他模块没有改变。
ajax

然后解决:

  • 浏览器页面标题变化
  • 浏览器地址栏变化
  • 浏览器后退前进按钮变化
  • 替换后的定位锚点

剩下的就是一些过度效果而已。弄明白ajax原理就可以进而实现 评论ajax、评论翻页ajax、搜索ajax 等等。
下面是本人将Devework免费版添加ajax后的效果,当然,侧栏、头部、底部都不刷新,这样侧栏只能是全站侧栏,不同页面显示不同侧栏是无法实现的。

演示地址--下载地址