亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > C# > 正文

Jquery+Ajax+Json+存儲過程實現高效分頁

2020-01-24 01:34:06
字體:
來源:轉載
供稿:網友

之前在做分頁時,很多朋友都是用Jquery分頁插件,之前我就用的jquery.paper,有需要的朋友可以聯系我,接下來小編給大家分享用Jquery+Ajax+Json+存儲過程實現高效分頁。

實現此功能用分頁存儲過程,pagination,js樣式,廢話不多了,具體請看下面代碼

 分頁存儲過程:PAGINATION

CREATE PROCEDURE [dbo].[PAGINATION]  @FEILDS VARCHAR(),--要顯示的字段 @PAGE_INDEX INT,--當前頁碼 @PAGE_SIZE INT,--頁面大小 @ORDERTYPE BIT,--當為時 則為 desc 當為 時 asc @ANDWHERE VARCHAR()='',--where語句 不用加where @ORDERFEILD VARCHAR(), --排序的字段 @TABLENAME VARCHAR() --查詢的表明 as DECLARE @EXECSQL VARCHAR() DECLARE @ORDERSTR VARCHAR() DECLARE @ORDERBY VARCHAR() BEGIN   set NOCOUNT on   IF @ORDERTYPE =      BEGIN       SET @ORDERSTR = ' > ( SELECT MAX(['+@ORDERFEILD+'])'       SET @ORDERBY = 'ORDER BY '+@ORDERFEILD+' ASC'     END   ELSE      BEGIN       SET @ORDERSTR = ' < ( SELECT MIN(['+@ORDERFEILD+'])'       SET @ORDERBY = 'ORDER BY '+@ORDERFEILD+' DESC'     END   IF @PAGE_INDEX = --當頁碼是第一頁時直接運行,提高速度     BEGIN       IF @ANDWHERE=''         SET @EXECSQL = 'SELECT TOP '+STR(@PAGE_SIZE)+' '+@FEILDS+' FROM '+@TABLENAME+' '+@ORDERBY       ELSE         SET @EXECSQL = 'SELECT TOP '+STR(@PAGE_SIZE)+' '+@FEILDS+' FROM '+@TABLENAME+' WHERE '+@ANDWHERE+' '+ @ORDERBY     END   ELSE     BEGIN       IF @ANDWHERE=''         BEGIN   --以子查詢結果當做新表時 要給表名別名才能用           SET @EXECSQL = 'SELECT TOP'+STR(@PAGE_SIZE)+' '+@FEILDS+' FROM '+@TABLENAME+' WHERE '+@ORDERFEILD+                 @ORDERSTR+' FROM (SELECT TOP '+STR(@PAGE_SIZE*(@PAGE_INDEX-))+' '+@ORDERFEILD+                 ' FROM '+@TABLENAME+' '+@ORDERBY+') AS TEMP) '+ @ORDERBY         END       ELSE         BEGIN           SET @EXECSQL = 'SELECT TOP'+STR(@PAGE_SIZE)+' '+@FEILDS+' FROM '+@TABLENAME+' WHERE '+@ORDERFEILD+                 @ORDERSTR+' FROM (SELECT TOP '+ STR(@PAGE_SIZE*(@PAGE_INDEX-))+' '+@ORDERFEILD+                 ' FROM '+@TABLENAME+' WHERE '+@ANDWHERE+' '+@ORDERBY+') AS TEMP) AND '+@ANDWHERE+' '+ @ORDERBY         END     END EXEC (@EXECSQL)--這里要加括號 END

分頁樣式:

<style type="text/css">a,area  { -moz-outline-style: none; blr:expression(this.onFocus=this.blur()); text-decoration:none} div.badoo { padding:px; text-align:center; }div.badoo a { border:px solid #ededed; padding:px px; color:#; border-radius:px; margin-right:px;}div.badoo a:hover {border:px solid #ffa; color: #ffa; }div.badoo a:active {border:px solid #ffa; margin-right:px;}div.badoo span { border:px solid #EDEDED; padding:px px; color:#f;font-weight:bold; background:#FAFAFA; border-radius:px; margin-right:px;}div.badoo span.disabled { border:px solid #EDEDED; padding:px px; color:#; margin-right:px; font-weight:;}</style>

首先創建一般處理程序,讀取數據庫中內容,得到返回值.
創建文件,GetData.ashx.
我這里是用的存儲過程,存儲過程會再下面粘出來,至于數據只是實例,你們可根據需求自行讀取數據

using System;using System.Web;using System.Data.SqlClient;using System.Data;using System.Collections.Generic;using System.Web.Script.Serialization;using Model;context.Response.ContentType = "text/plain";      var pageIndex = context.Request["PageIndex"];      //判斷當前索引存不存在,如果不存在則獲取記錄的總數。      if (string.IsNullOrEmpty(pageIndex))      {        //獲取查詢記錄總數的sql語句        int count = ;        int.TryParse(new BLL.t_profit().SelectAllNum(), out count);        context.Response.Write(count);        context.Response.End();      }      //當根據索引獲取數據      else      {        int currentPageIndex = ;        int.TryParse(pageIndex, out currentPageIndex);        SqlParameter[] parms = new SqlParameter[] {     new SqlParameter("@FEILDS",SqlDbType.NVarChar,),    new SqlParameter("@PAGE_INDEX",SqlDbType.Int,),    new SqlParameter("@PAGE_SIZE",SqlDbType.Int,),    new SqlParameter("@ORDERTYPE",SqlDbType.Int,),    new SqlParameter("@ANDWHERE",SqlDbType.VarChar,),    new SqlParameter("@ORDERFEILD",SqlDbType.VarChar,)    };        parms[].Value = "id,name,sex,tel";//獲取所有的字段        parms[].Value = pageIndex;//當前頁面索引        parms[].Value = ;//頁面大小        parms[].Value = ;//升序排列        parms[].Value = "";//條件語句        parms[].Value = "id";//排序字段        List<Book> list = new List<Book>();        using (SqlDataReader sdr = Yoodor.DAL.SqlHelper.ExecuteReader(CommandType.StoredProcedure, "PAGINATION", parms))        {          while (sdr.Read())          {            list.Add(new Book { id = sdr[].ToString(), name = sdr[].ToString(), sex = sdr[].ToString(), tel = sdr[].ToString() });          }        }        context.Response.Write(new JavaScriptSerializer().Serialize(list).ToString());//轉為Json格式      } public string id { get; set; }    public string name { get; set; }     public string sex { get; set; }    public string tel { get; set; }

樣式代碼:

<style type="text/css">a,area  { -moz-outline-style: none; blr:expression(this.onFocus=this.blur()); text-decoration:none} div.badoo { padding:px; text-align:center; }div.badoo a { border:px solid #ededed; padding:px px; color:#; border-radius:px; margin-right:px;}div.badoo a:hover {border:px solid #ffa; color: #ffa; }div.badoo a:active {border:px solid #ffa; margin-right:px;}div.badoo span { border:px solid #EDEDED; padding:px px; color:#f;font-weight:bold; background:#FAFAFA; border-radius:px; margin-right:px;}div.badoo span.disabled { border:px solid #EDEDED; padding:px px; color:#; margin-right:px; font-weight:;}</style>

js代碼

<script type="text/javascript">    $(function () {      $.post("GetData.ashx", null, function (data) {        var total = data;        PageClick(, total, );      });      PageClick = function (pageIndex, total, spanInterval) {        $.ajax({          url: "GetData.ashx",          data: { "PageIndex": pageIndex },          type: "post",          dataType: "json",          success: function (data) {            //索引從開始            //將當前頁索引轉為int類型            var intPageIndex = parseInt(pageIndex);            //獲取顯示數據的表格            var table = $("#content");            //清楚表格中內容            $("#content tr").remove();            //向表格中添加內容            for (var i = ; i < data.length; i++) {              table.append(                $("<tr><td>" +                data[i].id                + "</td><td>" +                data[i].name                + "</td><td>" +                data[i].sex                + "</td><td>" +                data[i].tel                + "</td></tr>")                );            } //for            //創建分頁            //將總記錄數結果 得到 總頁碼數            var pageS = total            if (pageS % == ) pageS = pageS / ;            else pageS = parseInt(total / ) + ;            var $pager = $("#pager");            //清楚分頁div中的內容            $("#pager span").remove();            $("#pager a").remove();            //添加第一頁            if (intPageIndex == ) {            //  $pager.append("<span class='disabled'>第一頁</span>");            }            else {            //  var first = $("<a href='javascript:void()' first='" + + "'>第一頁</a>").click(function () {             //   PageClick($(this).attr('first'), total, spanInterval);             //   return false;            //  });            //  $pager.append(first);            }            //添加上一頁            if (intPageIndex == )              $pager.append("<span class='disabled'>上一頁</span>");            else {              var pre = $("<a href='javascript:void()' pre='" + (intPageIndex - ) + "'>上一頁</a>").click(function () {                PageClick($(this).attr('pre'), total, spanInterval);                return false;              });              $pager.append(pre);            }            //設置分頁的格式 這里可以根據需求完成自己想要的結果            var interval = parseInt(spanInterval); //設置間隔            var start = Math.max(, intPageIndex - interval); //設置起始頁            var end = Math.min(intPageIndex + interval, pageS)//設置末頁            if (intPageIndex < interval + ) {              end = ( * interval + ) > pageS ? pageS : ( * interval + );            }            if ((intPageIndex + interval) > pageS) {              start = (pageS - * interval) < ? : (pageS - * interval);            }            //生成頁碼            for (var j = start; j < end + ; j++) {              if (j == intPageIndex) {                var spanSelectd = $("<span class='current'>" + j + "</span>");                $pager.append(spanSelectd);              } //if               else {                var a = $("<a href='javascript:void()'>" + j + "</a>").click(function () {                  PageClick($(this).text(), total, spanInterval);                  return false;                });                $pager.append(a);              } //else            } //for            //上一頁            if (intPageIndex == Math.ceil(total / )) {              $pager.append("<span class='disabled'>下一頁</span>");            }            else {              var next = $("<a href='javascript:void()' next='" + (intPageIndex + ) + "'>下一頁</a>").click(function () {                PageClick($(this).attr("next"), total, spanInterval);                return false;              });              $pager.append(next);            }            //最后一頁            if (intPageIndex == pageS) {            //  $pager.append("<span class='disabled'>最后一頁</span>");            }            else {             // var last = $("<a href='javascript:void()' last='" + pageS + "'>最后一頁</a>").click(function () {              //  PageClick($(this).attr("last"), total, spanInterval);             //   return false;            //  });             // $pager.append(last);            }          } //sucess        }); //ajax      }; //function    });  //ready  </script><table id="content"></table><div id="pager" class="badoo"></div> /// <summary>    /// Execute a SqlCommand that returns a resultset against the database specified in the connection string     /// using the provided parameters.    /// </summary>    /// <param name="connectionString">一個有效的數據庫連接字符串</param>    /// <param name="cmdType">SqlCommand命令類型 (存儲過程, T-SQL語句, 等等。)</param>    /// <param name="cmdText">存儲過程的名字或者 T-SQL 語句</param>    /// <param name="commandParameters">以數組形式提供SqlCommand命令中用到的參數列表</param>    /// <returns>A SqlDataReader containing the results</returns>    public static SqlDataReader ExecuteReader( CommandType cmdType, string cmdText, params SqlParameter[] commandParameters)    {      SqlCommand cmd = new SqlCommand();      SqlConnection conn = new SqlConnection(connectionString);      // we use a try/catch here because if the method throws an exception we want to       // close the connection throw code, because no datareader will exist, hence the       // commandBehaviour.CloseConnection will not work      try      {        PrepareCommand(cmd, conn, null, cmdType, cmdText, commandParameters);        SqlDataReader rdr = cmd.ExecuteReader(CommandBehavior.CloseConnection);        cmd.Parameters.Clear();        return rdr;      }      catch (Exception ex)      {        conn.Close();        throw new Exception(ex.Message);      }    }

以上就是本文使用Jquery+Ajax+Json+存儲過程實現高效分頁的全部內容,希望大家喜歡。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩美女免费视频| 亚洲国产欧美一区二区丝袜黑人| 国产一区二区三区三区在线观看| 精品国产乱码久久久久久天美| 久久久国产精彩视频美女艺术照福利| 亚洲精品国产品国语在线| 日韩综合视频在线观看| 91在线观看免费高清完整版在线观看| 欧美激情国内偷拍| 国产国产精品人在线视| 98精品国产高清在线xxxx天堂| 日本乱人伦a精品| 日韩视频在线一区| 欧美电影电视剧在线观看| 亚洲欧美制服中文字幕| 亚洲综合一区二区不卡| 色综合亚洲精品激情狠狠| 色999日韩欧美国产| 午夜精品久久久久久久久久久久久| 91国自产精品中文字幕亚洲| 成人www视频在线观看| 欧美日韩在线视频一区二区| 精品香蕉在线观看视频一| 精品中文字幕久久久久久| 97久久伊人激情网| 欧美午夜片欧美片在线观看| 久久伊人精品视频| 亚洲国产一区二区三区在线观看| 麻豆国产va免费精品高清在线| 91精品国产免费久久久久久| 菠萝蜜影院一区二区免费| 青青久久av北条麻妃黑人| 欧美日韩一区免费| 国产精品青草久久久久福利99| 亚洲影院在线看| 久久精品视频在线| 国产一区二中文字幕在线看| 日韩电影中文字幕一区| 欧洲成人在线观看| 欧美性猛交xxx| 亚洲欧美日韩精品| 国产综合视频在线观看| 欧美日韩在线影院| 日韩中文字幕av| 国产美女被下药99| 亚洲午夜性刺激影院| 国产视频久久久| 精品久久久国产| 亚洲国产精品嫩草影院久久| 久久伊人91精品综合网站| 日韩电视剧免费观看网站| 成人妇女免费播放久久久| 欧美三级欧美成人高清www| www.日韩视频| 亚洲成人av在线播放| 日韩免费高清在线观看| 欧美国产极速在线| 国产亚洲欧洲黄色| 国产精品18久久久久久麻辣| 亚洲自拍偷拍色片视频| 国产精品视频导航| 日韩一区二区在线视频| 一区二区欧美日韩视频| 国产精品手机播放| 精品国产1区2区| 日韩激情片免费| 欧美中文在线观看国产| 97久久久免费福利网址| 亚洲伊人一本大道中文字幕| 91精品国产成人| 国产日产久久高清欧美一区| 精品无人区乱码1区2区3区在线| 欧美大片在线影院| 欧美成人精品一区二区三区| 亚洲欧美日韩中文在线| 欧美极品少妇与黑人| 国产日韩在线精品av| 亚洲黄色在线观看| 欧美日韩一区二区在线播放| 欧美一区第一页| 中文字幕日本精品| 日韩免费高清在线观看| 91久久精品一区| 久久久久久成人精品| 亚洲高清一区二| 国产精品久久久久久久久久久久久久| 国产91九色视频| 欧美视频在线观看免费| 欧美性一区二区三区| 亚洲欧美综合另类中字| 91精品久久久久| 亚洲第一区在线| 国产精品极品美女在线观看免费| 91香蕉国产在线观看| 国产精品福利观看| 欧美日韩国产综合视频在线观看中文| 国产午夜精品一区理论片飘花| 国产在线999| 亚洲天堂av图片| 日韩在线观看免费高清完整版| 国产精品视频网址| 国产精品高潮呻吟久久av黑人| 911国产网站尤物在线观看| 岛国av午夜精品| 欧美电影在线播放| 欧美猛交免费看| 国产亚洲精品综合一区91| 91av福利视频| 亚洲电影免费观看高清完整版在线观看| 亚洲xxxx3d| 97香蕉久久超级碰碰高清版| 成人国产精品一区二区| 亚洲国产精品久久久久秋霞蜜臀| 91精品久久久久久久久久| 欧美日韩精品在线观看| 精品中文视频在线| 国产精品你懂得| 高清亚洲成在人网站天堂| 日韩天堂在线视频| 亚洲欧美在线一区| 亚洲国模精品一区| 欧美激情视频网址| 亚洲男人天堂古典| 日韩福利在线播放| 亚洲理论在线a中文字幕| 欧美高清第一页| 尤物九九久久国产精品的分类| 日日狠狠久久偷偷四色综合免费| 欧美专区日韩视频| 亚洲qvod图片区电影| 欧美中文字幕视频在线观看| 国产aaa精品| 日韩在线观看免费| 97碰碰碰免费色视频| 国产在线一区二区三区| 欧美日韩美女视频| 欧美视频免费在线| 午夜美女久久久久爽久久| 91免费精品国偷自产在线| 成人a视频在线观看| 欧美性猛交xxxxx水多| 久久免费视频这里只有精品| 欧美巨猛xxxx猛交黑人97人| 亚洲欧美成人一区二区在线电影| 欧美成人四级hd版| 国产午夜精品一区二区三区| 色狠狠av一区二区三区香蕉蜜桃| 欧美洲成人男女午夜视频| 国产一区二区三区日韩欧美| 高清在线视频日韩欧美| 精品夜色国产国偷在线| 亚洲精品动漫100p| 国产精品成人在线| 91精品国产91久久久久| 欧美午夜丰满在线18影院| 粗暴蹂躏中文一区二区三区| 亚洲第一精品久久忘忧草社区| 欧美影院在线播放| 国产自产女人91一区在线观看| 91免费精品国偷自产在线| 96精品视频在线| 一区二区亚洲欧洲国产日韩| 欧美人在线视频| 久久色免费在线视频|