pjax的基本使用

由于jquery.pjax依赖于jquery1.8或者更高版本请在引用jquery.pjax之前引用jquery
<a href="2.html">pjax更新</a>

<a data-pjax href="2.html">pjax更新</a>

<div id="content">pjax内容填充</div>

 

//方法一

$(document).pjax(selector,[container],opions); //selector：pjax选择器，container：pjax容器选择器，opions：object类型，用于pjax配置

$(document).pjax('a','#content'); //全局A标签点击使用PJAX

$(document).pjax('a[data-pjax]','#content'); //代替全局选择26 只选择有data-pjax属性的A标签

 

//pjax配置介绍
$(document).pjax('a','#content',{
     type:'get', //默认请求方式为get，参考ajax
     dataType:'html', //参考ajax
     timeout:1000,//ajax请求默认超时时间为650毫秒
     fragment:'#con', //css选择器，选取ajax响应内容的指定片段,但不会将该div的元素提取只会提取该div的内容
});

//方式二
$('a').click(function(e){
       $.pjax.click(e,{container:'#content'});
})

//方式三
if($.support.pjax){ //判断浏览器是否支持pjax
        $.pjax.defaults.type = "POST"; //使用$.pjax.defaults来改变默认配置
        $(document).on('click','a[data-pjax]',function(e){
              $.pjax.click(e,{container:'#content'});//触发pjax事件
        });
}