javascript - 自己研究的分页,感觉ajax这里写的不太好,如何改进;
怪我咯
怪我咯 2017-04-11 13:05:03
[JavaScript讨论组]



    
    Title
    



  

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(3)
巴扎黑

把js部分重构了,ajax部分重复,抽出来当一个函数,
另外,把每页大小作为常量了

$(function () {
       //初始化第一页数据;
        var urlApi = 'http://api.douban.com/v2/movie/top250',
            current = 1, // 当前页
            pageSize = 10; // 每页大小
        
        
        var download = function(start) {
            console.log(pageSize)
            // ajax 请求数据
            $.ajax({
                url:urlApi,
                type:'get',
                dataType:'jsonp',
                data:{
                    //从第几条开始请求;
                    "start" : start,
                    //请求多少条数据
                    "count" : pageSize
                },
                success:function(data) {
                    //total总条数属性,计算总页数;
                    var total = parseInt(data.total/10),
                        result = data.subjects,
                        str='';
                    for(var i=0;i<result.length;i++){
                        var item = result[i];
                        str += '<li><img src="'+item.images.large
                            +'" alt=""><p>'+item.title+'</p></li>'
                    }
                    //渲染到页面(不使用append)
                    $('.movieList').html(str);
                    //分页插件,
                    $(".tcdPageCode").createPage({
                        //pageCount:总页数
                        pageCount:total,
                        //current:当前页
                        current:current,
                        backFn:function(pageIndex){
                            //单击回调方法,pageIndex是当前页码
                            $(".movieList").empty();
                            var start = 10*pageIndex;
                            current = pageIndex; // 页数
                            download(start);
                        }
                    });
                }
            })
        }
        
        // 请求第一页数据
        download(0);
    })
怪我咯

你可以自己写个jquery的分页插件,我自己写过一个很简单的...

地址在这里,https://github.com/luoyjx/jqu...

怪我咯

每页请求多少条数据应该抽象出来,比如你现在改成每页就放5条,改起来很麻烦。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号