<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SqlPage.aspx.cs" Inherits="SqlPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

    <link href="css/pagination.css" rel="stylesheet" type="text/css" />

</head>

<body>

    <form id="form1" runat="server" >

    <div>

        <table id="tblData" width="80%" cellpadding="" cellspacing="" bgcolor="gray" style="text-align:center">

            <tr>

                <td>

                    NewsID

                </td>

                <td>

                    Title

                </td>

                <td>

                    SmallClassName

                </td>

                <td>

                    Author

                </td>

                <td>

                    UpdateTime

                </td>

            </tr>

        </table>

        <div id="Pagination">

        </div>

    </div>

    </form>

</body>

</html>

<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>

<script src="js/jquery.pagination.js" type="text/javascript"></script>

<script language="javascript" type="text/javascript">

 var pageIndex =;     //页索引

 var pageSize =;    //每页显示的条数

    $(function() {

    Init();

        $("#Pagination").pagination(<%=pageCount %>, {

             callback: PageCallback,

             prev_text: '上一页',

             next_text: '下一页',

             items_per_page: pageSize,

             num_display_entries: ,

             current_page: pageIndex,

             num_edge_entries:

         });

         function PageCallback(index, jq) {

              Init(index);

         }

    });

    function Init(pageIndex) {

        $.ajax({

            type: "POST",

            dataType: "text",

            url: 'SqlPage.aspx',

            data: "pageIndex=" + (pageIndex + ) + "&pageSize=" + pageSize,

            success: function(data) {

                if(data!=""){

                 $("#tblData tr:gt(0)").remove();//移除所有的数据行

                 data=$.parseJSON(data);

                        $.each(data.News,function(index,news){

                       $("#tblData").append("<tr bgcolor='white'><td>"+news.NewsID+"</td><td algin='left'>"+news.Title+"</td><td>"+news.SmallClassName+"</td><td>"+news.Author+"</td><td>"+news.Updatetime+"</td></tr>");  //将返回的数据追加到表格

                    });

                }

            }

        });

    }

</script>
using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data;

public partial class SqlPage : System.Web.UI.Page

{

    public int pageCount = ;

    public static string connString = "server=192.168.1.91;database=ReportDB;uid=sa;pwd=123456";

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

        {

            pageCount = GetTotalPage();

            if (Request["pageIndex"] != null && Request["pageSize"] != null)

            {

                int pageSize = Convert.ToInt32(Request["pageSize"]) ==  ?  : Convert.ToInt32(Request["pageSize"]);

                int pageIndex = Convert.ToInt32(Request["pageIndex"]) ==  ?  : Convert.ToInt32(Request["pageIndex"]);

                Response.Write(GetOnePage(pageSize, pageIndex));

                Response.End();

            }

        }

    }

    public int GetTotalPage()

    {

        DBHelper.connString = connString;

        string sql = "select count(*) from News";

        int rs = Convert.ToInt32(DBHelper.ExecuteScalar(sql));

        return rs;

    }

    public string GetOnePage(int pageSize, int pageIndex)

    {

        DBHelper.connString = connString;

        string sql = string.Empty;

        sql = "SELECT TOP " + pageSize + " NewsID,Title,SmallClassName,Author,Updatetime FROM News WHERE NewsID NOT IN (SELECT TOP " + pageSize * (pageIndex - ) + " NewsID FROM News ORDER BY NewsID DESC) ORDER BY NewsID DESC";

        DataTable dt = DBHelper.QueryBySql(sql);

        return ConvertJson.ToJson(dt, "News");

    }

}

jquery.pagination +JSON 动态无刷新分页的更多相关文章

  1. ajax分页2：jquery.pagination +JSON 动态无刷新分页

    静态页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w ...

  2. jquery+jquery.pagination+php+ajax 无刷新分页

    <!DOCTYPE html> <html ><head><meta http-equiv="Content-Type" content= ...

  3. asp.net中利用Jquery+Ajax+Json实现无刷新分页(二)

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="PageTest.aspx.cs ...

  4. jquery ajax php+mysql 无刷新分页 详细实例

    最近在接触jquery和ajax,当前项目也会用到分页,为了用户体验更好一些,就准备用无刷新分页,这个demo很适合新手学习查看,写的比较清晰,话不多说,直接上代码吧. 首先是html页面,index ...

  5. Bootstrap Paginator分页插件+ajax 实现动态无刷新分页

    之前做分页想过做淘宝的那个,但是因为是后台要求不高,就Bootstrap Paginator插件感觉还蛮容易上手,所以就选了它. Bootstrap Paginator分页插件下载地址: Downlo ...

  6. jquery.pagination.js数据无刷新真分页

    定义一个全局的分页加载变量,并设置为true: var __isReSearch=true; 定义分页的一些数据: var __PageSize = 10; var __SearchCondition ...

  7. 无刷新分页 jquery.pagination.js

     无刷新分页 jquery.pagination.js 采用Jquery无刷新分页插件jquery.pagination.js实现无刷新分页效果 1.插件参数列表 http://www.dtan.so ...

  8. javascript;Jquery;获取JSON对象，无刷新分页，异步加载，异步删除，实例。

    AjaxNewsList: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> < ...

  9. TP2.0或3.1 或者 3.2 下使用ajax+php做无刷新分页（转+自创）

    1.前言 作为一名php程序员,我们开发网站主要就是为了客户从客户端进行体验,在这里,thinkphp框架自带的分页类是每次翻页都要刷新一下整个页面,这种翻页的用户体验显然是不太理想的,我们希望每次翻 ...

随机推荐

  1. Nginx作为简单代理服务器（Windows环境）

    Nginx一个频繁的应用是作为代理服务器,由Nginx代理服务器接受客户请求,并将客户请求发送到应用服务器处理,接受应用服务器的响应,然后将响应发送给客户. 现在要做的一个应用场景就是当客户请求图片资 ...

  2. startService()和bindService()区别

    1. 生命周期:startService()方式启动,Service是通过接受Intent并且会经历onCreate()和onStart().当用户在发出意图使之销毁时会经历onDestroy(),而 ...

  3. win10 10586 关机便利贴报内存不能为 read 应用程序错误

    解决方案: 最小化便利贴后关机.

  4. IOS开发-jqeurey mobile

    有一阵子没写东西了,最近打算重新拾起开发,做点手机上的东东,选中了phonegap.jquery mobile,phonegap的部署网上非常多,有空了再班门弄斧,这里先记下jquery mobile ...

  5. OC基础(24)

    NSMutableArray基本概念 NSDictionary基本概念 NSMutableDictionary基本概念 常见的结构体 *:first-child { margin-top: 0 !im ...

  6. android NDk环境编译总结

    首先,这篇文章的撰写是基于很多前人的优秀的帖子,感谢他们的分享让我能够学习这么多的知识.谢谢 Android NDK开发环境的搭建 前言: Android 上,应用程序的开发,大部分基于 Java 语 ...

  7. TchApp项目说明

    概述 使用Web做UI,csharp编程,构建跨平台桌面软件,项目目标是打造一个框架,做完相关的基础设施,让使用者能够只关注业务开发,而不需要重新构建基础设施. 项目应该包括:窗口管理API,跨语言( ...

  8. 读书笔记－－编程珠玑II

    学化学的应该都知道chemdraw,这是一款专门绘制化学结构的软件,什么苯环.双键各种word难以搞定的分子式,你可以轻松的用chemdraw完成,可以称得上化学工作者居家旅行必备的良药.其实早在19 ...

  9. Java程序员面试宝典1 ---Java基础部分（该博文为原创，转载请注明出处）

    (该博文为原创,转载请注明出处   http://www.cnblogs.com/luyijoy/  by白手伊凡) 1.    基本概念 1)         Java为解释性语言,运行过程:程序源 ...

  10. Leveldb 实现原理

    原文地址:http://www.cnblogs.com/haippy/archive/2011/12/04/2276064.html LevelDb日知录之一:LevelDb 101 说起LevelD ...