jquery的PJAX的使用

前端之家收集整理的这篇文章主要介绍了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选项的容器位置。

更详细的参考这个博客:

猜你在找的程序笔记相关文章