https://github.com/willin/pjan

Html 5 PushState + Ajax + JSON
https://github.com/willin/pjan

Last synced: about 1 year ago
JSON representation

Html 5 PushState + Ajax + JSON

• Host: GitHub
• URL: https://github.com/willin/pjan
• Owner: willin
• Created: 2012-06-30T08:01:14.000Z (almost 14 years ago)
• Default Branch: master
• Last Pushed: 2015-04-29T09:26:28.000Z (about 11 years ago)
• Last Synced: 2025-04-19T16:39:36.201Z (about 1 year ago)
• Language: JavaScript
• Size: 125 KB
• Stars: 6
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          
## 说明

PJAN是在Pjax基础上加入JSON支持的插件，原作者Welefen。

1.0版本详细文章： http://willin.org/ajax-u-need-2-know/

作者：长岛冰泪 http://willin.org

## 示例代码

```js

jQuery(document).ready(function(w){

    var $page_title='';

    w.pjan({

        selector: 'a',//选择器。可用jQuery筛选语法。必填。

        container: '#tmpholder', //内容替换的容器，没什么实际用处。必填。

        show: 'fade', //展现的动画，支持默认和fade, 可以自定义动画方式，这里为自定义的function即可。

        cache: 60, //使用缓存，单位秒，0或flase取消。

        storage: true, //是否使用本地存储。

        titleSuffix: '- by Willin PJAN', //标题后缀

        filter: function(href){

            if(href.indexOf('.png') >-1 || href.indexOf('.jpg') >-1 || href.indexOf('.gif') >-1 || href.indexOf('.rar') >-1 || href.indexOf('.zip') >-1 || href.indexOf('.7z') >-1){

                return true;//True表示过滤不用pjan

            }

          

        },

        beforeSend:function(){

            //Loader动画开始

        },

        callback: function(status){

          

            var type = status.type;

            switch(type){

                 case 'success':  //正常

                 case 'cache':

                    var json=w.parseJSON(status.data);

                    //手动jQuery('sth').html(json.data.sth);

                    // Animate动画

                    }

                 break; //读取缓存

                 case 'hash':

                     // Animate动画

                     break; //只是hash变化

                 case 'error':

                   

                 break; //发生异常

            }

            //Loader动画结束

        }

    });

});

```