前言
最近闲暇时的娱乐就是不断完善“卢哥主题”,从最早的版本v1.0.0到最近的v1.1.1,很多设计在推倒重做中变得愈加成熟。在这个过程中,我也学到了很多,多到足以让我静下心来写篇心得。
回首之前所写过的两篇有关wordpress教程,心里直犯恶心,两年前的代码竟然这么挫!这么点东西也好意思拿出来卖弄。不过回想当时的情形,恰是接触php不久,前端更是基本不会。今天所写的内容,可能在职业前端的眼里一样不堪入目吧。但是话说回来,两年前写下的算法题解,现在看居然是一愣一愣的,这说明当时算法学的还行吧。哈哈。
导读
全站AJAX化实际是很简单的,实际就是反复运用AJAX函数的过程。难点在于对form标签的处理,以及解决前进后退问题。综上,可以将AJAX的运用环境简单分成三类:
对a标签运用AJAX函数
对form表单运用AJAX函数
提交评论,POST方式传参,逻辑上可以不用记录访问历史。
站内搜索,GET方式传参,url改变,逻辑上应该记录访问历史。
前进后退调用AJAX函数
此外,还要为AJAX定义专用的调用方式,减少网络开销。对于某些需要对网页进行渲染的插件如代码高亮等进行简单的修改。本文将对前者进行简单介绍,后者将单独撰文。
对a标签进行AJAX化处理
对a标签进行AJAX化处理应该是AJAX函数运用时所能遇到的最简单的情形。实际原理就是通过AJAX函数发出请求,并将请求结果替换到当前页面中。
$("h1 a").live("click",//绑定h1标签中的链接的click事