仓库源文，站点原文

title: PJAX的实现与应用 categories:

• JavaScript
• 前端杂烩
• 网络交互 tags:
• tech
• cnblogs
• PJAX warning: true date: 2013-12-06 10:14:00 fromUrl: http://www.cnblogs.com/hustskyking/archive/2013/12/06/history-api-in-html5.html from: 博客园

<h3>一、前言</h3>

<?php
error_reporting(false);

$num = $_GET['num'];

if(array_key_exists('HTTP_X_PJAX', $_SERVER) && $_SERVER['HTTP_X_PJAX'] === 'true'){
    if($num == 1) {
?>
        <div class="imgwrap">
            <img src="./images/1.jpg">
        </div>
        <span><a href="num=2" class="next">下一张<gt;<gt;</a></span>
<?php
    } else if ($num == 2) {
?>
        <div class="imgwrap">
            <img src="./images/2.jpg">
        </div>
        <span><a href="num=1" class="previous"><lt;<lt;上一张</a>
        <a href="num=3" class="next">下一张<gt;<gt;</a></span>
<?php
    } else {
?>
        <div class="imgwrap">
            <img src="./images/3.jpg">
        </div>
        <span><a href="num=2" class="previous"><lt;<lt;上一张</a></span>
<?php
    }
}
?>

$.ajax({
    "url": "./interface.php",
    "data": {
        "num": num
    },
    "dataType": "html",
    "headers": {
        "X_PJAX": true
    }
});

Accept:text/html, */*; q=0.01
Accept-Encoding:gzip,deflate,sdch
Connection:keep-alive
Host:qianduannotes.duapp.com
User-Agent:Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.63 Safari/537.36
X-Requested-With:XMLHttpRequest
X_PJAX:true

function is_pjax(){
    return array_key_exists('HTTP_X_PJAX', $_SERVER)
            && $_SERVER['HTTP_X_PJAX'] === 'true';
}

<p> 并不是一定要求在header头部中加入X_PJAX的信息，你也可以在url中加入相关的参数，比如:http://example.com?pjax=1，或者其他方式，只要前后端达到一个共识就行。</p>

<h3>三、开源的PJAX库</h3>

<p>已经有人对这个东西做了封装，我就不重复造轮子了。</p>