pjax 是一個 jQuery 插件，它通過 ajax 和 pushState 技術提供了極速的（無刷新 ajax 加載）瀏覽體驗，並且保持了真實的地址、網頁標題，瀏覽器的后退（前進）按鈕也可以正常使用。
pjax 的工作原理是通過 ajax 從服務器端獲取 HTML，在頁面中用獲取到的 HTML 替換指定容器元素中的內容。然后使用 pushState 技術更新瀏覽器地址欄中的當前地址。以下兩點原因決定了 pjax 會有更快的瀏覽體驗：
- 不存在頁面資源（js/css）的重復加載和應用；
- 如果服務器端配置了 pjax，它可以只渲染頁面局部內容，從而避免服務器渲染完整布局的額外開銷。
從官網的這段描述中可看出 pjax 的核心其實還是 ajax，所以如果是 ajax 去做這種局部 html 刷新的話需要寫更多的代碼，而 pjax 已經做的很好了。
pjax 的使用方法：使用 pjax 一般需要后台配合，比如 java 后端可以寫個過濾器過濾當前請求，如果包含 X-PJAX 請求頭 (說明是 pjax 請求) 那么只需要返回局部 html 代碼，剩下的交給前端 pjax 插件渲染就好，如果不包含則返回完整 html 代碼(包含頭尾的 html 代碼，不包含 X-PJAX 說明是普通請求)
使用 pjax 的好處：由於搜索引擎的蜘蛛不會執行 javascript，所以如果你的頁面是 ajax 方式加載將不會被引擎收錄，比如：
<nav id="tab"> <a href="javascript:void(0);">簡介</a> <a href="javascript:void(0);">動態</a> <a href="javascript:void(0);">禮包</a> <a href="javascript:void(0);">開服</a> <a href="javascript:void(0);">攻略</a> </nav> <div id="con"></div> <script> $("#tab a").click(function(){ //發起ajax請求 $.ajax({ url:"./introduction.html",//注意：這里實際情況應該是根據點擊的不同a標簽加載不同頁面 success: function(html){ //將請求回來的內容添加到下面的內容div $("#con").append(html); } }); }); </script> 除了主頁會被收錄，簡介、動態、禮包…這幾個頁面將不會被收錄，因為引擎蜘蛛爬取主頁時會順着 a 標簽的 href 爬取另一個頁面，而不會執行 javascript。
如果使用 pjax，就可以解決這種問題（注意：這里為了使代碼直觀提供的是 ajax 的解決代碼，並未使用 pjax，解決思路一樣，使用 pjax 可以使代碼更簡化），頁面可以這樣修改：
<nav id="tab"> <a href="./introduction.html">簡介</a> <a href="./dynamic.html">動態</a> <a href="./gift.html">禮包</a> <a href="./service.html">開服</a> <a href="./strategy.html">攻略</a> </nav> <div id="con"></div> <script> $("#tab a").click(function(){ //發起ajax請求 $.ajax({ url: "./introduction.html",//注意：這里實際情況應該是根據點擊的不同a標簽加載不同頁面 data: {key: 'ajax'}//注意：這是必須的參數標識 success: function(html){ //將請求回來的內容添加到下面的內容div $("#con").html(html); } }); return false; // 阻止 A 鏈接跳轉 }); </script> 后台代碼可以這樣處理，php 為例：
$isAjax = $_GET["key"]; $con = include 'con.php'; if($isAjax == "ajax"){ echo $con; }else{ $head = include 'head.php'; $foot = include 'head.php'; echo $head + $con + $foot; } 如果請求中的參數 key 的值是“ajax” 則只輸出部分內容，否則則輸出包含頭部底部等完整內容。