Mvc ajax+jquery 无刷新分页

先说下优缺点

缺点:做不到自动化绑定字段,必须要手动写循环,一页只能放一个分页多了得重复写代码

优点:代码原始可读性强,易于样式扩展,读取字段可用于前台判断节省服务器逻辑处理过程

function initTable(pageindex) {
     cpage = pageindex;
     var pageSize = 10;
      var tabhtml = "";
      var postdata = {
         pageSize: pageSize,
         PageIndex: pageindex,
    };
     $.post("/Get/GetList/", postdata, function (data) {
 
         recordCount = data.totarow;//总行数
 
         pageCount = Math.ceil(recordCount / pageSize);
 
         totalpage = pageCount;
         if(data.row!=null)
         for (var r = 0; r < pageSize && r < data.row.length; r++) {
             tabhtml += "<tr><td class='pic'>";
             var vip = "";
             if (data.row[r].ActivityTag == 2) {//是否优惠
                 vip = "<i class='icon_hui'>惠</i>";
             }
             tabhtml += "<td class='area'>地区:" + data.row[r].ShortName + "<br>执业年限:" + data.row[r].WorkAge + "年以上</td>";
             tabhtml += "<td class='price'>";
             tabhtml += "</td></tr>";
         }
         $("#table_list").html(tabhtml);
         setpage();
     })
 }

  Html 代码

 <table class="table_list" id="table_list">

</table>

 <div class="page" id="page" >
 </div>

  最后。。。刚玩博客的我发现我找不到放文件的选项剩下的页码文件大家要的话可以留邮箱

posted @ 2015-05-21 14:26  imfrank  阅读(199)  评论(0编辑  收藏  举报