欢迎到访爱收集博客,喜欢就Ctrl+D收藏吧!

点击登录
  • 欢迎访问网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站

ajax简单点击加载数据

记录 qaqcn 138次浏览 0个评论

ajax简单点击加载数据

代码 使用在点击事件里面调用函数就好了

//点击加载函数,ajax
    var num = 0;
    var page = 5; //每次加载4条
    function pullOnLoad() {
        setTimeout(function () {
            $.ajax({
                url: "http://qaq6.cn/json/text.php",
                type: "get",
                dataType: 'json',
                success: function (data) {
                    var data_length = data.length;//数据的总长度
                    var remainder = data_length % page;//余数
                    if ( data_length >= (num+page)){
                    	
                        for (var j = num; j < num + page; j++){
                        	var text_Html = '<div class="itme" onclick="onClickItem(this)">'+
                            '<img src="'+data[j].url+'"">'+
                            '<div class="name">'+data[j].name+'</div>'+
                           /* '<div class="num">'+data[j].num+'</div>'+*/
                            '</div>'
                            $(".user_list .user_box").append(text_Html);
                        	$('.list_more').html("更多");
                        }
                        num+=page;
                    }else if (remainder != 0 && data_length-num == remainder){
                        for (var j = num; j < num + remainder; j++){
                        	var text_Html = '<div class="itme" onclick="onClickItem(this)">'+
                            '<img src="'+data[j].url+'"">'+
                            '<div class="name">'+data[j].name+'</div>'+
                           /* '<div class="num">'+data[j].num+'</div>'+*/
                            '</div>'
                            $(".user_list .user_box").append(text_Html);
                        	$('.list_more').html("没有了哟");
                        }
                        num+=page;
                    }else{
                        $('.list_more').html("没有了哟");
                    }
                    /*myscroll.refresh();*/
                },
                error: function () {
                    console.log("出错了");
                }
            });
        }, 0);
    }

爱收集 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明ajax简单点击加载数据
喜欢 (1)
支付宝[]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址