代码拉取完成,页面将自动刷新
#pjax.js
#使用方法 引入js文件
<script src="pjax.js"></script>
直接绑定
<script type="text/javascript">
$(function(){
$('a').pjax({
dataType:'json',
success:function(response){//参考ajax
},
error:function(response){//参考ajax
},
before:function(){
},
complete:function(){//参考ajax
}
});
});
</script>
通过异步加载进来的,on 绑定时,可以使用
<script type="text/javascript">
$(document).on('click','.breadcrumb a',function(e){
$(this).pjax({
url:this.href,//需要跳转的地址
event:e,//事件
dataType:'json',
success:function(response){
},
error:function(response){
},
before:function(){
},
complete:function(){
}
});
});
</script>
使用条件:
需要 jQuery 1.8.x 或者更高版本. 后端需要做的
类似于ajax, 异步请求的时候后端不能将公用的内容也返回。
所以需要一个判断是否pjax请求的接口。如:php可以借鉴下面的实现
function is_pjax(){
return array_key_exists('HTTP_X_PJAX', $_SERVER) && $_SERVER['HTTP_X_PJAX'];
}
$id = $this->_get('id', 'intval');
$info = $mod->find($id);
$this->assign('info', $info);
if (is_pjax()) {
$response = $this->fetch();
$this->display('response');
} else {
$this->display();
}
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。