评论：jQuery分页插件  [查看原文]

function sub2(){
    alert(datas);
  }
var datas;
$(document).ready(function(){
   alert("hi");
     $.ajax({  
       url:"/Blog/GetListBlogServlet", 
       dataTypes:"JSON",//数据类型为json格式
       contentType: "application/x-www-form-urlencoded; charset=utf-8", 
       type:"post",  
       data: {
        },
       async:false,
       success:function(data){ 
         alert(data);
         datas=eval(data);
         $("#demoContent").html(datas[0].title);
         return datas;
       } ,
       error:function(){
         alert("error");
       },
       statusCode: {404: function() {  
            alert('page not found'); }  
         }
       }); 
  });
var options={
	"id":"page",//显示页码的元素
	"data":datas,//显示数据
    "maxshowpageitem":3,//最多显示的页码个数
    "pagelistcount":2,//每页显示数据个数
    "callBack":function(result){
    	     var cHtml="";
        for(var i=0;i<result.length;i++){
            cHtml+="<li>"+ result[i].title+"</li>";//处理数据
        }
        $("#demoContent").html(cHtml);//将数据增加到页面中
    }
};
   page.init(datas.length,1,options);

通过按钮测试alert()，可以获取到数据了，可是插件无反应，可是如果用此demo自带的datas又可以运行了，不知什么原因，如果将var options和page.init()放入回调函数 那么插件生效，也可判断datas.length的大小而生成页数，可是无法执行 添加数据操作,怎么回事呢???

Kev1n0
2017/7/20 15:40:21

唯一的问题就是，options下的callBack失效

Kev1n0
2017/7/20 20:09:41

var datas="";
$(document).ready(function(){
   alert("hi");
     $.ajax({  
       url:"/Blog/GetListBlogServlet", 
       dataTypes:"JSON",//数据类型为json格式
       type:"post",  
       data: {
        },
       async:false,
       success:function(data){ 
         alert(data);
         datas=eval(data);
        // $("#demoContent").html(datas[0].title);
       } ,
       error:function(){
         alert("error");
       },
       statusCode: {404: function() {  
            alert('page not found'); }  
         }
       });           
  });

  var i=0;
   function sub2(){
    alert(datas);
    page.init(datas.length,1,options);
  }

var options={
   "id":"page",//显示页码的元素
   "data":datas,//显示数据
    "maxshowpageitem":3,//最多显示的页码个数
    "pagelistcount":1,//每页显示数据个数
    "callBack":function(result){
        $("#demoContent").html(datas[i].title);//将数据增加到页面中
        i++;
    }
};

我改成这样，完美完成！

?不见海的声音0
2017/8/22 14:57:26

改成这样貌似分页用不了吧 兄弟？

var datas;
 function sub2(){
     alert(datas);
     datas=eval(datas);
     return datas;
 }

$(document).ready(function sub(){
   alert("hi");
     $.ajax({  
       dataTypes:"JSON",//数据类型为json格式
       contentType: "application/x-www-form-urlencoded; charset=utf-8", 
       type:"GET",  
       data:null,
       async:false,
       url:"/Blog/GetListBlogServlet",  
       success:function(data){ 
         alert(data);
         datas=data;
       } ,
       error:function(){
         alert("error");
       },
       statusCode: {404: function() {  
            alert('page not found'); }  
         }
       }); 
      
  });
var options={
	"id":"page",//显示页码的元素
	"data":datas,//显示数据
    "maxshowpageitem":3,//最多显示的页码个数
    "pagelistcount":2,//每页显示数据个数
    "callBack":function(result){
    	     var cHtml="";
        for(var i=0;i<result.length;i++){
            cHtml+="<li>"+ result[i].title+"</li>";//处理数据
        }
        $("#demoContent").html(cHtml);//将数据增加到页面中
    }
};
   page.init(datas.length,1,options);
后台[{"b_content":"000000000000000000000000000","ca_id":101,"create_time":"12312","id":1,"title":"标题2133333333333333"},{"b_content":"000000000000000000000000000","ca_id":101,"create_time":"12312","id":1,"title":"标题2133333333333333"}]

datas定义成全局变量了，页面没反应

web前端-朱世雄0
2017/8/10 11:43:54
就是的，都是空的

点击下一页的数据就用不了

图0
2017/7/21 16:38:09

我也是 会出现 page.setPageListCount is not a function 报错

DM0
2017/7/5 11:32:35
你测试一下就会发现这个bug

就是下面点击的页面是怎么获取的 page-data

怎么传参数啊

怎么可以让这些居中显示呀,我加一个<div align="center">不行的呀

欧米伽1
2017/6/19 9:59:01

额   css控制，比如margin：0 auto；这些居中操作也要问  我也不知道说啥了 

ajax 数据不能保存为全局变量 我怎么把数据填到那个datas里去呢

欧米伽1
2017/6/19 9:59:51

在全局定义datas  然后ajax拿到数据后赋值给datas

楼主代码放在ajax里面报错  Error: options is not defined 

Anony0
2017/6/15 14:50:56
把options 前面的var去掉

欧米伽0
2017/6/16 15:14:55

options是全局变量   所以不要再ajax里面定义  在全局定义

顶一个，已收藏，挺好用

我的页数、和每页的 个数是后台给我的， 我用你这个插件，都控制不了，还不分页 直接都出来了

欧米伽0
2017/6/16 15:12:30

我这个插件是前端分页的，你后台分页就直接做一个页码，对应获取数据就好，不需要用插件啊

欧米伽0
2017/6/16 15:13:42

这插件是用来少量数据在前端分页使用的，你后台都帮你分页了，直接对应获取数据就好啊

大哥，我的点击 不分页 直接在当前页 显示出来了 为什么啊

不能一个页面多用  o(?□?)o  

露侦探身边的核华生0
2017/9/25 10:26:22

你的这个问题解决了吗？

橙色天空0
2017/11/30 9:36:33
问题解决了吗？

<script type="text/javascript">
    function changes()
    {
        var datas = "";
    $.ajax({
        type: "post",
        url: "/Page/Index",
        dataType: "JSON",
        data: {
        },
        success: function (result) {
            alert(result.str);
            datas = result;
            alert(datas.length);
        },
        error: function (jqXHR) {
            alert("添加失败!");
        }
    });
    
 var  options = {
       "id": "page", //显示页码的元素
        "data": datas, //需要显示的数据
        "maxshowpageitem": 3, //最多显示的页码个数
        "pagelistcount": 2, //每页显示数据个数
        "callBack": function (result) {
            var cHtml = "<table>";
            for (var i = 0; i < result.length; i++) {
                cHtml += "<tr><td>" + result[i].name + "</td></tr>";//处理数据
            }
            cHtml += "</table>";
            $("#demoContent").html(cHtml);//将数据增加到页面中
        }
    }; //只需设置options参数，即可使用插件
     //插件初始化
    }
    page.init(datas.length, 1, options);
</script>

要怎么弄 请指点

欧米伽1
2017/6/13 14:38:00

var datas定义放到chages函数外面