PJAX效果
通过url可以跟踪ajax的动态加载内容。这种技术尤其在two step
view布局的视图中有很大的好处。无刷新加载页面，意味着响应速度和用户体验得到了极大的提升，在静态脚本和通用模块比较多的情况下，最大程度上节省了重用部分的开销。应用例子可以参考现在的google+、facebook和新版微博，同样是基于html5的pushState实现。g
plus的表现最为明显，点击导航栏地址，箭头随目标移动，同时加载的页面淡入，效果很炫。
Dirty
url 和 Clean url
在pjax出现之前，要实现页面的无刷新加载并通过url可以追踪，需要浏览器支持window.location.hash属性。通过判断url#锚后记录的地址来决定需要加载的内容，具体的构建方法是写一个hashchange的监视函数，当触发到hash改变时便判断加载内容。它的不足在于，对于低版本的浏览器例如ie6不支持hash，需要另外构建一个iframe来记录历史url实现前进和后退。最大的问题，便是#后生成的内容不会被搜索引擎索引到，google之前提供了解决方案，提倡使用#!把地址引导到一个?escape_fragment=url的请求地址中，我在twitter、facebook、人人、新浪微博和已经关闭了的豆瓣说中都看见曾经或正在使用这种hash
bang。通过#！来实现无刷新加载的url，由于一般的方法不容易被搜索引擎收录(例如国内百度)，称其为dirty
url，相对而言，pjax能够使用clean url得到同样效果，并能很好地兼容各种浏览器，是现在最为适合的方法
使用PHP+jQuery实现PJAX
不需要从头编写基于pushState的javascript插件，因为jQuery已有项目把它开源出来，而且很轻易便能实现。目前我已经在开发中的项目里引入，而且很好地在原有的基础上兼容，何况新版微博的推广，我希望让观众看到，我用完之后是这个样子，你们用完之后也会是这个样子
开始前的准备：
3.
PHP项目代码(方便分享，本文使用codeigniter和yaf框架演示，实际开发中大同小异)
一 前端实现
最最最基本需要先引入jquery库，在页头中引入脚本地址 (sina的cdn)
<scriptsrc=”http://lib.sinaapp.com/js/jquery/1.8/jquery.min.js”>script>
根据第二条中的项目插件，加入jq的pjax插件地址
<scriptsrc=”BASEURL_TO_PJAX_PLUGIN”>script>
接下来，我们来看看github上作者的说明，更直接，可以直接打开插件看代码。最简单的使用方法如下
$('#main').pjax('a')
上述语句表示，点击dom中的任何a标签，将会发起pjax请求并将内容替换到id为main的页面元素内
使用实在简单，而且jquery-pjax这个插件封装得很好，绝对可以按照你的喜好来定制(例如复制g
plus的效果)，下面是一个整合以上步骤的基本html示例代码
<html>
<head>
<scripttype="text/javascript"src="http://lib.sinaapp.com/js/jquery/1.8/jquery.min.js">script>
<scripttype="text/javascript"src="/js/jquery-pjax.js">script>
head>
<body>
<scripttype="text/javascript">$(document).ready(function(){
$("#main").pjax("a");
});script>
<divid="nav">
<ahref="/test1">test1a><ahref="/test2">test2a>
div>
<divid="main">替换的内容div>
body>
html>
最终的目的，就是点击地址为/test1和/test2的a标签时，通过ajax返回的结果将id为main的div内的文字替换为相应的地址内容，url自动更新，同时页面不会重新载入。下面开始实现后端要处理的内容
二.PHP端的实现
php端需要处理的任务主要是两件：1.实现layout视图布局 2.判断pjax过来的请求
layout使每个视图的输出都是在一个公用模版之上。
CI的实现：
写一个自定义的layout
library文件：
509
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
