校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > asp.net使用AJAX實現無刷新分頁

asp.net使用AJAX實現無刷新分頁

熱門標簽:關于宗地圖標注技術規范 400電話辦理最優質 寧夏機器人電銷 威海電銷 400免費電話怎么辦理 t3出行地圖標注怎么做 外呼電銷機器人軟件 河南語音外呼系統公司 河北網絡回撥外呼系統

查詢功能是開發中最重要的一個功能,大量數據的顯示,我們用的最多的就是分頁。

在ASP.NET 中有很多數據展現的控件,比如Repeater、GridView,用的最多的GridView,它同時也自帶了分頁的功能。但是我們知道用GridView來顯示數據,如果沒有禁用ViewState,頁面的大小會是非常的大的。而且平時我們點擊首頁,下一頁,上一頁,尾頁這些功能都是會引起頁面回發的,也就是需要完全跟服務器進行交互,來回響應的時間,傳輸的數據量都是很大的。

AJAX的分頁可以很好的解決這些問題。

數據顯示Pasing.aspx頁面JS代碼:  

復制代碼 代碼如下:

script type=text/javascript>
       var pageIndex = 0;
       var pageSize = 5;
window.onload = AjaxGetData(name,0,5);
function AjaxGetData(name, index, size){
        $.ajax({
            url: jQueryPaging.aspx,
            type: Get,
            data: Name= + name + PageIndex= + index + PageSize= + size,
            dataType: json,
            success: function (data) {
                var htmlStr = ;
                htmlStr +=
                htmlStr +=
                htmlStr +=
                htmlStr += ;
                htmlStr +=    //data.cloudfileLists.length
                for (var i = 0; i data.cloudfileLists.length; i++)
                {
                    htmlStr += ;
                    htmlStr +=
                                      +
                    htmlStr += ;
                }
                htmlStr += ;
                htmlStr += ;
                htmlStr += ;
                htmlStr += ;
                htmlStr += ;
                htmlStr += ;
                htmlStr += table>thead>tr>td>編號/td>td>文件名/td>/tr>/thead>tbody>tr>td> + data.cloudfileLists[i].FileID + /td>td> + data.cloudfileLists[i].FileName + /td>/tr>/tbody>tfoot>tr>td colspan="'6'">;
                htmlStr += span>共有記錄 + data.Count + ;共span id="'count'"> + (data.Count % 5 == 0 ? parseInt(data.Count / 5) : parseInt(data.Count / 5 + 1)) + /span>頁 + /span>;
                htmlStr += 首    頁   ;
                htmlStr += 前一頁   ;
                htmlStr += 后一頁   ;
                htmlStr += 尾    頁   ;
                htmlStr += input type="'text'">input type="'button'" value="'跳轉'" onclick="'GoToAppointPage(this)'"> ;
                htmlStr += /td>/tr>/tfoot>/table>;
 
                $(#divSearchResult).html(htmlStr);//重寫html
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert(XMLHttpRequest);
                alert(textStatus);
                alert(errorThrown);
            }
        });
    }
    //首頁
    function GoToFirstPage() {
        pageIndex = 0;
        AjaxGetData($(#txtSearch).val(), pageIndex, pageSize);
    }
    //前一頁
    function GoToPrePage() {
        pageIndex -= 1;
        pageIndex = pageIndex >= 0 ? pageIndex : 0;
        AjaxGetData($(#txtSearch).val(), pageIndex, pageSize);
    }
    //后一頁
    function GoToNextPage() {
        if (pageIndex + 1 parseInt($(#count).text())) {
            pageIndex += 1;
        }
        AjaxGetData($(#txtSearch).val(), pageIndex, pageSize);
    }
    //尾頁
    function GoToEndPage() {
        pageIndex = parseInt($(#count).text()) - 1;
        AjaxGetData($(#txtSearch).val(), pageIndex, pageSize);
    }
    //跳轉
    function GoToAppointPage(e) {
        var page = $(e).prev().val();
        if (isNaN(page)) {
            alert(請輸入數字!);
        }
        else {
            var tempPageIndex = pageIndex;
            pageIndex = parseInt($(e).prev().val()) - 1;
            if (pageIndex 0 || pageIndex >= parseInt($(#count).text())) {
                pageIndex = tempPageIndex;
                alert(請輸入有效的頁面范圍!);
            }
            else {
                AjaxGetData($(#txtSearch).val(), pageIndex, pageSize);
            }
        }
    }
/script>

同一頁面HTML代碼:

jQueryPaging.aspx頁面的CS代碼如下:

引用這個命名空間:using System.Web.Script.Serialization;//JavaScriptSerializer要用的。

復制代碼 代碼如下:

protected void Page_Load(object sender, EventArgs e)
{
    Int32 pageIndex = Int32.MinValue;
    Int32 pageSize = Int32.MinValue;
    String name = String.Empty;
    JavaScriptSerializer jss = new JavaScriptSerializer();
    if (Request[Name] != null)
    {
        name = Request[Name].ToString();
        if (Request[PageIndex] != null)
        {
            pageIndex = Int32.Parse(Request[PageIndex].ToString());
            pageSize = Request[PageSize] != null ? Int32.Parse(Request[PageSize].ToString()) : 5;
            IListcloudfile> cloudfileLists = new Listcloudfile>();//cloudfile是自己寫的類,表示一條數據/cloudfile>/cloudfile>

            CloudFile cf = null;
            int cout = 0;
            DataSet ds = LookDataFromDB(name, pageIndex, pageSize,out cout);
            foreach (DataRow row in ds.Tables[0].Rows)//把你的數據重新封裝成Lis,才能被jss.Serialize(),不然會報錯。
            {
                cf = new CloudFile();
                cf.FileID = row[FilePathId].ToString();
                cf.FileName = row[FileName].ToString();
                cloudfileLists.Add(cf);
            }
            if (cloudfileLists.Count > 0)
            {
                Response.Write({Count: + (cout) + ,cloudfileLists: + jss.Serialize(cloudfileLists) + });
                Response.End();
            }
        }
    }
}
private DataSet LookDataFromDB(string name, int pageIndex, int pageSize,out int cout)
{
    DataSet ds = new DataSet();
    try
    {
        pageIndex = 5 * pageIndex;//pageIndex ,表示這一頁從哪一條數據開始
       // 這里寫自己的數據獲取方法,把數據獲取好了甩到ds里面,返回到前面。(應該有更好的辦法,自己想哦,也可以發評論我們一起探討....。)
    }
    catch (Exception)
    {
        cout = 0;
        ds = null;
    }
    return ds;
}

復制代碼 代碼如下:

//span style="font-family:">CloudFile類/span>

復制代碼 代碼如下:

    public class CloudFile
    {
        public String FileID { get; set; }
        public String FileName { get; set; }
        public String FileDirName { get; set; }
    }

這樣一個簡單的無刷新分頁的實例就完成了。由于本人的JS水平有限,現在只能做到這了。當然還可以添加一些新的功能。這里我只是想將我的方法與大家分享。至于功能,待以后繼續完善了!!!

您可能感興趣的文章:
  • asp.net中MVC借助Iframe實現無刷新上傳文件實例
  • asp.net中Timer無刷新定時器的實現方法
  • asp.net中利用Jquery+Ajax+Json實現無刷新分頁的實例代碼
  • Asp.Net 無刷新文件上傳并顯示進度條的實現方法及思路
  • asp.net+jquery ajax無刷新登錄的實現方法
  • Asp.net 2.0 無刷新圖片上傳 顯示縮略圖 具體實現
  • asp.net jquery無刷新分頁插件(jquery.pagination.js)
  • asp.net Ajax之無刷新評論介紹
  • asp.net點擊 查看更多 實現無刷新加載的實現代碼
  • asp.net 簡便無刷新文件上傳系統
  • asp.net ajax實現無刷新驗證碼
  • asp.net 30分鐘掌握無刷新 Repeater
  • asp.net下使用jquery 的ajax+WebService+json 實現無刷新取后臺值的實現代碼
  • Asp.net實現無刷新調用后臺實體類數據并以Json格式返回

標簽:吉林 池州 淮北 咸寧 賀州 樂山 廣元 固原

巨人網絡通訊聲明:本文標題《asp.net使用AJAX實現無刷新分頁》,本文關鍵詞  asp.net,使用,AJAX,實現,無,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《asp.net使用AJAX實現無刷新分頁》相關的同類信息!
  • 本頁收集關于asp.net使用AJAX實現無刷新分頁的相關信息資訊供網民參考!
  • 推薦文章
    校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃
    久久久久久久一区| 99这里只有久久精品视频| 欧美日韩国产经典色站一区二区三区| 1024国产精品| 91精品91久久久中77777| 亚洲综合在线视频| 欧美日韩在线三级| 免费欧美在线视频| 久久在线观看免费| 成人动漫中文字幕| 亚洲乱码中文字幕| 欧美精品第一页| 国内精品伊人久久久久影院对白| 国产喂奶挤奶一区二区三区| 成人av免费在线播放| 一区二区三区在线免费| 7777精品伊人久久久大香线蕉最新版 | 成人久久视频在线观看| 亚洲欧美一区二区三区久本道91| 欧美视频一区在线| 老司机精品视频线观看86| 国产精品欧美一区喷水| 欧美日韩国产片| 国产精品亚洲一区二区三区在线| 中文字幕一区三区| 日韩区在线观看| 不卡视频在线看| 日韩av电影免费观看高清完整版| 久久久久久久综合色一本| 91老司机福利 在线| 蜜臀久久久99精品久久久久久| 国产精品网友自拍| 制服丝袜av成人在线看| 国产成人精品免费网站| 亚洲图片欧美色图| 国产欧美日本一区二区三区| 欧美日韩一区在线| 成人影视亚洲图片在线| 婷婷久久综合九色综合伊人色| 国产三级三级三级精品8ⅰ区| 欧美中文字幕一区| 国产高清亚洲一区| 日韩高清不卡一区二区三区| 国产精品乱子久久久久| 欧美电影免费观看高清完整版在| 97久久超碰国产精品| 国产综合久久久久久鬼色| 亚洲宅男天堂在线观看无病毒| 国产午夜精品一区二区三区四区| 91精品婷婷国产综合久久性色| 成人午夜看片网址| 理论电影国产精品| 首页国产欧美久久| 亚洲免费伊人电影| 国产欧美综合在线| 精品91自产拍在线观看一区| 欧美人伦禁忌dvd放荡欲情| 色综合中文字幕| 成人免费高清在线观看| 国产精品一级在线| 激情文学综合丁香| 蜜臀va亚洲va欧美va天堂 | 免费视频最近日韩| 自拍偷拍欧美精品| 国产精品九色蝌蚪自拍| 国产网红主播福利一区二区| 日韩精品一区二区三区三区免费| 欧美日韩精品欧美日韩精品| 97久久精品人人澡人人爽| 丁香六月综合激情| 韩国av一区二区三区在线观看| 日韩影院在线观看| 午夜精品久久久久久久99水蜜桃| 一区二区三区中文字幕在线观看| 国产精品二三区| 中文字幕在线一区免费| 中文久久乱码一区二区| 国产精品网站在线观看| 国产精品久久久久久久久动漫 | 亚洲猫色日本管| 国产精品理伦片| 国产精品国产三级国产普通话三级 | 亚洲国产日韩a在线播放性色| 亚洲精品五月天| 亚洲一区二区三区四区的| 夜夜精品视频一区二区| 亚洲国产综合视频在线观看| 性欧美大战久久久久久久久| 丝袜亚洲另类欧美| 久久精品国产亚洲高清剧情介绍 | 视频一区欧美精品| 久久精品国产秦先生| 国产一区二区不卡老阿姨| 国产成人精品一区二区三区四区| 国产成人亚洲综合色影视| 成人av电影在线网| 在线亚洲免费视频| 555www色欧美视频| 亚洲精品在线网站| 亚洲欧洲性图库| 婷婷中文字幕一区三区| 久久99国产精品免费| 国产1区2区3区精品美女| 91在线视频观看| 欧美人xxxx| 久久精品一区四区| 一区二区三区自拍| 久久国产福利国产秒拍| 成人性生交大片免费看中文网站| 色狠狠桃花综合| 日韩一区二区三区电影在线观看 | 欧美日韩不卡一区| 精品国产亚洲一区二区三区在线观看| 久久精品一区二区三区四区| 亚洲色欲色欲www| 日韩av成人高清| gogogo免费视频观看亚洲一| 欧美日韩精品三区| 亚洲国产精品精华液2区45| 亚洲国产精品久久艾草纯爱| 国内精品久久久久影院一蜜桃| 91亚洲国产成人精品一区二区三| 欧美乱熟臀69xxxxxx| 久久亚洲免费视频| 亚洲午夜三级在线| 国产成都精品91一区二区三| 91福利国产精品| 国产色产综合色产在线视频| 亚洲一区二区三区激情| 国产盗摄视频一区二区三区| 欧美色综合网站| 国产色产综合色产在线视频| 喷水一区二区三区| 色婷婷综合中文久久一本| 久久免费电影网| 日本最新不卡在线| 91成人国产精品| 国产精品久久久久久久久久久免费看 | 日韩欧美你懂的| 亚洲精品国产精华液| 国产精品一区二区你懂的| 欧美日韩国产免费| 亚洲欧美日韩国产成人精品影院| 精品在线一区二区三区| 欧美色综合网站| 中文字幕一区二| 午夜精品一区二区三区免费视频 | 丰满放荡岳乱妇91ww| 3d动漫精品啪啪1区2区免费 | 欧美激情在线观看视频免费| 亚洲韩国一区二区三区| 极品少妇xxxx偷拍精品少妇| 3atv在线一区二区三区| 亚洲欧洲av色图| 国产成人久久精品77777最新版本 国产成人鲁色资源国产91色综 | 日韩美女一区二区三区四区| 亚洲精品乱码久久久久| 色婷婷综合五月| 久久久噜噜噜久久人人看| 日韩成人一级大片| 色欧美乱欧美15图片| 中文字幕一区二区不卡| 国产成人精品免费网站| 日韩欧美国产午夜精品| 午夜精品福利视频网站| 欧美精品v日韩精品v韩国精品v| 亚洲色图一区二区| 成人一区二区三区中文字幕| 精品日产卡一卡二卡麻豆| 久久国产欧美日韩精品| 欧美美女一区二区| 亚洲国产成人高清精品| 一本色道久久加勒比精品| 亚洲一区在线视频| 欧美中文字幕一区二区三区 | www国产亚洲精品久久麻豆| 亚洲成av人影院在线观看网| 色婷婷香蕉在线一区二区| 欧美精彩视频一区二区三区| 精品无人码麻豆乱码1区2区| 在线综合亚洲欧美在线视频| 亚洲永久免费av| 99国产精品国产精品毛片| 亚洲乱码日产精品bd| 色国产精品一区在线观看| 亚洲一线二线三线视频| 欧美日韩1234| 美国十次综合导航| 26uuu精品一区二区三区四区在线| 精品在线视频一区| 中文字幕日韩一区二区| 色综合久久久久久久久久久| 一区二区高清在线| 欧美日韩一区二区欧美激情| 奇米综合一区二区三区精品视频| 日韩欧美国产综合| 成人国产精品视频| 亚洲欧美乱综合| 91蝌蚪porny九色| 免费在线看成人av|