jquery的PJAX的使用

其实jquery的PJAX使用方式很简单，以下为使用代码：

$.pjax({
    selector: 'a',container: '#container',//内容替换的容器,也就是你PJAX获取的内容放在的位置
    show: 'fade',//展现的动画，支持默认和fade,可以自定义动画方式，这里为自定义的function即可。
    cache: true,//是否使用缓存,如果是分页的话，数据几乎没什么更新采用这种方式提高性能，让用户感觉访问速度快
    storage: true,//是否使用本地存储，这个选项一般高版本浏览器才支持，设置为true有助于提高性能
    titleSuffix: '',//标题后缀
    filter: function(){},callback: function(){}
})

以上关于selector 这个选项没有注释，这下面进行单独说明：

1. selector一般选项设置为a，也就是html的标签设置PJAX事件监听，也就是当用户在点击a标签进行加载下一页的数据的时候，进行事件捕获和拦截，防止链接进行跳转，这样就PJAX就可以在后台向服务端请求数据并替换到制定的container选项的容器位置。

更详细的参考这个博客：

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!