快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

kkpager如何实现ajax分页查询功能

这篇文章主要介绍了kkpager如何实现ajax分页查询功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

创新互联专注于企业成都全网营销推广、网站重做改版、新干网站定制设计、自适应品牌网站建设、HTML5建站商城网站开发、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为新干等各大城市提供网站开发制作服务。

先看下前台代码:

@{
  Layout = null;
}



  
  
  
  
  Index


  
    
    
         
  
  function getParameter(name) {     var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");     var r = window.location.search.substr(1).match(reg);     if (r != null) return unescape(r[2]); return null;   }   function GetExcelTable(pageindex) {     $.ajax({       url: '/Home/index2',       dataType: "json",       type: "POST",       data: { "pageIndex": pageindex },       success: function (data) {         if (data.status == "0") {           $("#mainContent").empty();           $("#mainContent").html("

暂无数据

");           return;         }         $("#mainContent").html(data.data);         //定义分页样式         var totalCount = parseInt(data.pagecount);         var pageSize = parseInt(data.pagesize);         var pageNo = getParameter('pageIndex');//该参数为插件自带,不设置好,调用数据的时候当前页码会一直显示在第一页         if (!pageNo) {           pageNo = pageindex;         }         var totalPages = totalCount % pageSize == 0 ? totalCount / pageSize : (parseInt(totalCount / pageSize) + 1);         kkpager.generPageHtml({           pno: pageNo,           total: totalPages,           totalRecords: totalCount,           mode: 'click',           click: function (n) {             this.selectPage(pageNo);             searchPage(n);             return false;           }         }, true);       }, error: function (jqXHR, textStatus, errorThrown) {       }     });   }   //init   $(function () {     GetExcelTable(1)   });   //ajax翻页   function searchPage(n) {     GetExcelTable(n);   }

 后台代码:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Web;
using System.Web.Mvc;
namespace MvcKKpager.Controllers
{
  public class HomeController : Controller
  {
    private readonly int pageSize = 2;
    //
    // GET: /Home/
    public ActionResult Index()
    {
      return View();
    }
    public ActionResult Index2(string pageIndex) {
      List list = new List();
      list.Add("保护环境");
      list.Add("保护环境");
      list.Add("保护环境");
      list.Add("保护环境"); 
      list.Add("保护环境"); 
      var persons = (from p in list select p).Skip((int.Parse(pageIndex) - 1) * pageSize).Take(pageSize);
      StringBuilder builder = new StringBuilder();
      builder.Append("");
      builder.Append("时间展示点击(点击率)激活(激活率)平均点击单价实际激活成本消耗");
      builder.Append("");
      foreach (var item in persons) {
        builder.Append("");
        builder.Append("" + item + "");
        builder.Append("" + item + "");
        builder.Append("" + item+"");
        builder.Append("" + item + "");
        builder.Append("" + item + "");
        builder.Append("" + item + "");
        builder.Append("" + item + "");
        builder.Append("");
      }
      builder.Append("");
      var result = new { status = "1", data = builder.ToString(), pagecount = list.Count().ToString(), pagesize = pageSize.ToString() };
      return Json(result);
    }
  }
}

也没什么好说的

看下样式吧

kkpager如何实现ajax分页查询功能

感谢你能够认真阅读完这篇文章,希望小编分享的“kkpager如何实现ajax分页查询功能”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


分享标题:kkpager如何实现ajax分页查询功能
转载来于:http://6mz.cn/article/jgpedo.html

免费获取网站建设与品牌策划方案报价

*主要业务范围包括:高端网站建设, 集团网站建设(网站建设网站制作)找网站建设公司就上快上网。
提交需求

    联系我们

    028-86922220
  • 手机:13518219792
  • 地址:成都市太升南路288号锦天国际A幢1002号
  • 24小时服务热线:400-028-6601

    网站建设服务

  • 网页设计
  • 网站制作
  • 网站开发

    网站推广服务

  • 营销网站建设
  • 百度快速排名
  • 整站网站推广

    网站运维服务

  • 基础维护
  • 网站改版
  • 网站维护

    FOLLOW US

  • 微信二维码

    微信二维码

Copyright © 2022 成都快上网科技有限公司 成都网站建设公司-选网站建设公司快上网!国内专业的网站制作公司!
All Rights Reserved 版权所有 蜀ICP备19037934号-11