连接数据库实现分页功能

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

 <!DOCTYPE html>

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

 <head runat="server">

     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

     <title></title>

     <style type="text/css">

         #table {

             width: %;

             background-color: blue;

             text-align: center;

             font-weight: bold;

         }

     </style>

     <script src="jquery-1.7.2.min.js"></script>

 </head>

 <body>

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

         <div>

             <table id="table">

                 <thead style="color: white;">

                     <tr>

                         <td>用户名</td>

                         <td>密码</td>

                         <td>昵称</td>

                         <td>性别</td>

                         <td>生日</td>

                         <td>年龄</td>

                         <td>民族</td>

                         <td>班级</td>

                     </tr>

                 </thead>

                 <tbody style="background-color: white" id="tbody">

                     <asp:Repeater ID="Repeater1" runat="server">

                         <ItemTemplate>

                             <tr>

                                 <td><%#Eval("username") %></td>

                                 <td><%#Eval("password") %></td>

                                 <td><%#Eval("nick") %></td>

                                 <td><%#Eval("sexstar") %></td>

                                 <td><%#Eval("birthday") %></td>

                                 <td><%#Eval("age") %></td>

                                 <td><%#Eval("nationname") %></td>

                                 <td><%#Eval("classname") %></td>

                             </tr>

                         </ItemTemplate>

                     </asp:Repeater>

                 </tbody>

             </table>

             <input type="button" value="上一页" id="btn1" disabled="disabled" />

             <input type="button" value="下一页" id="btn2" />

             当前第<span id="span"></span>页

         </div>

     </form>

 </body>

 </html>

 <script type="text/javascript">

     var pagecount = ;

     var pagenumber = ;

     document.getElementById("btn1").onclick = function () {

         document.getElementById("btn2").disabled = "";

         pagenumber--;

         Change(pagecount, pagenumber);

         if (pagenumber <= ) {

             document.getElementById("btn1").disabled = "disabled";

         }

         else {

             document.getElementById("btn1").disabled = "";

         }

     };

     document.getElementById("btn2").onclick = function () {

         $.ajax({

             url: "ajax/Hand2.ashx",

             data: {},

             type: "post",

             dataType: "json",

             success: function (data1) {

                 document.getElementById("btn1").disabled = "";

                 pagenumber++;

                 Change(pagecount, pagenumber);

                 if (pagenumber >= parseInt(data1.aaa)) {

                     document.getElementById("btn2").disabled = "disabled";

                 }

                 else {

                     document.getElementById("btn2").disabled = "";

                 }

             }

         })

     };

     function Change(count, number) {

         $.ajax({

             url: "ajax/Hand.ashx",

             data: { "count": count, "number": number },

             type: "post",

             dataType: "json",

             success: function (data) {

                 document.getElementById("tbody").innerHTML = "";

                 for (i in data) {

                     var end = "<tr>";

                     end += "<td>" + data[i].username + "</td>";

                     end += "<td>" + data[i].password + "</td>";

                     end += "<td>" + data[i].nickname + "</td>";

                     end += "<td>" + data[i].sex + "</td>";

                     end += "<td>" + data[i].birthday + "</td>";

                     end += "<td>" + data[i].age + "</td>";

                     end += "<td>" + data[i].nation + "</td>";

                     end += "<td>" + data[i].class + "</td>";

                     end += "</tr>";

                     document.getElementById("tbody").innerHTML += end;

                 }

                 document.getElementById("span").innerHTML = number;

             }

         });

     }

 </script>
 public partial class Default2 : System.Web.UI.Page

 {

     protected void Page_Load(object sender, EventArgs e)

     {

         if (!IsPostBack)

         {

             Repeater1.DataSource = new UsersData().select(,);

             Repeater1.DataBind();

         }

     }

 }

用Repeater绑定初始数据

 <%@ WebHandler Language="C#" Class="Hand" %>

 using System;

 using System.Web;

 using System.Collections.Generic;

 public class Hand : IHttpHandler {

     public void ProcessRequest (HttpContext context) {

         int c = Convert.ToInt32(context.Request["count"]);

         int n = Convert.ToInt32(context.Request["number"]);

         string json = "[";

         List<WindowsFormsApplication1.App_Code.Users> ulist = new WindowsFormsApplication1.App_Code.UsersData().select(c,n);

         int count = ;

         foreach (WindowsFormsApplication1.App_Code.Users u in ulist)

         {

             if (count > )

             {

                 json += ",";

             }

             json += "{\"username\":\"" + u.Username+ "\",\"password\":\"" + u.Password+ "\",\"nickname\":\"" + u.Nick + "\",\"sex\":\"" + (u.Sex ? "男" : "女") + "\",\"birthday\":\"" + u.Birthday.ToString("yyyy年MM月dd日") + "\",\"nation\":\"" + u.NationName + "\",\"class\":\"" + u.ClassName + "\",\"age\":\"" + u.age + "\"}";

             count++;

         }

         json += "]";

         context.Response.Write(json);

         context.Response.End();

     }

     public bool IsReusable {

         get {

             return false;

         }

     }

 }

Hand.ashx

 <%@ WebHandler Language="C#" Class="Hand2" %>

 using System;

 using System.Web;

 public class Hand2 : IHttpHandler {

     public void ProcessRequest (HttpContext context) {

         string json1;

         System.Collections.Generic.List<WindowsFormsApplication1.App_Code.Users> Ulist = new WindowsFormsApplication1.App_Code.UsersData().Select();

         int a = Ulist.Count;

         string maxpage = (Math.Ceiling(a / 3.0)).ToString();

         json1 = "{\"aaa\":\"" + maxpage + "\"}";

         context.Response.Write(json1);

         context.Response.End();

     }

     public bool IsReusable {

         get {

             return false;

         }

     }

 }

Hand2.ashx

ajax 基础2的更多相关文章

  1. 史上最全的Ajax基础详解

    同步请求和异步请求 先解释一下同步和异步的概念: 同步是指:发送方发出数据后,等接收方发回响应以后才发下一个数据包的通讯方式. 异步是指:发送方发出数据后,不等接收方发回响应,接着发送下个数据包的通讯 ...

  2. 【Java EE 学习 31】【JavaScript基础增强】【Ajax基础】【Json基础】

    一.JavaScript基础增强 1.弹窗 (1)使用window对象的showModelDialog方法和showModelessDialog方法分别可以弹出模式窗口和非模式窗口,但是只能在IE中使 ...

  3. Ajax基础知识《一》

    对于网站开发人员,一定不会陌生的Ajax技术,本篇就让我们认识一下它,或许在日后的开发过程中我们就可以使用到.Ajax在那方面使用的比较多呢?答案:表单注册,传统的表单注册,有时需要填写大量的信息,当 ...

  4. Ajax基础2

    什么是服务器 网页浏览过程的分析 如何配置自己的服务器程序(AMP) 什么是Ajax 无刷新数据读取 异步,同步 Ajax基础(2) 使用Ajax 基础请求显示txt的文件 字符集编码 缓存,阻止缓存 ...

  5. ajax基础语法、ajax做登录、ajax做用户名验证是否可用、ajax做关键字查询动态显示、ajax做用表格显示数据并增加操作列

    AJAX: AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新.   ...

  6. Ajax基础--JavaScript实现

    ajax原理 1.ajax 即“Asynchronous JavaScript and XML”(异步 JavaScript 和 XML),也就是无刷新数据读取. 通俗地讲就是:AJAX 通过在后台与 ...

  7. jQuery基础---Ajax基础教程（二）

    jQuery基础---Ajax进阶 内容提纲: 1.加载请求 2.错误处理 3.请求全局事件 4.JSON 和 JSONP 5.jqXHR 对象 发文不易,转载请注明出处! 在 Ajax 基础一篇中, ...

  8. jQuery基础---Ajax基础教程

    jQuery基础---Ajax基础 内容提纲: 1.Ajax 概述 2.load()方法 3.$.get()和$.post() 4.$.getScript()和$.getJSON() 5.$.ajax ...

  9. Ajax基础知识（二）

    接上一篇  Ajax基础知识(一) 在上一篇博客里,抛弃了VS中新建aspx页面,拖个button写上C#代码的方式.使用ajax的方式,异步向服务器请求数据.我们让服务器只简单的返回一个" ...

  10. 原生AJAX基础讲解及兼容处理

    原文:原生AJAX基础讲解及兼容处理 AJAX = Asynchronous JavaScript and XML (异步的JavaScript和XML). AJAX不是新技术 ,但却是热门的技术.它 ...

随机推荐

  1. cocos2d3.8.1 使用prebuild提升发布android速度

    1.生成cocos prebuild库 cocos gen-libs -m debug或 cocos gen-libs -m release 2.使用命令创建test项目 cocos new test ...

  2. jq判断元素是否显示

    为了判断元素是否显示,jquery中用is()来实现, $(function(){ $(obj).bind('click',function(){ if(obj.is(:visible)){ //编写 ...

  3. css 内联与块

    内联元素可以理解为不能直接设置宽度和高度元素,比如span,你为他设置宽度和高度没有效果,除非你把它设置成块级元素. 如下面的代码把display:block;属性值去掉的话,宽度和高度都不会起作用了 ...

  4. 玩Mega8 智能充电器-12. 终于实现-dV检测(转)

    源:http://blog.chinaunix.net/uid-10701701-id-91873.html 2010.1.3 5:30终于补齐了. 电池充电的-dv 的检测系列图片请移步: http ...

  5. mysql 字符集配置

    查看和设置MySQL数据库字符集作者:scorpio 2008-01-21 10:05:17 标签: 杂谈 Liunx下修改MySQL字符集:1.查找MySQL的cnf文件的位置find / -ina ...

  6. linux下用script和scriptreplay对命令行操作录像

    以前查看自己的历史操作,都是history里来查看的,只有命令,有时候系统返回的什么也没有,看了script可以对自己的操作进行录像,于是自己也做个. 要记录操作之前输入命令: [root@wulao ...

  7. js原型对象，每个new出来的新对象都有独立的原型对象__proto__

    刚才看一篇博文的时候, 动手测试了一下 JavaScript的原型链, 原型对象,发现每个构造器(赋给了某个 prototype ) new 出来的对象都有各自独立的原型对象 __proto__. p ...

  8. python2.7 与 go1.2简单性能比较

    过完年刚上班,项目还没有开始,对于即将到来的项目,想尝试是否可以找到一个开发效率接近python,运行效率接近静态语言的编程语言,选择基本就是scala和go,公司的技术组成基本都是c派的,scala ...

  9. css一行内容过多显示省略号

    四个缺一不可. 效果如下图

  10. iOS之Xcode修改应用图标

    随便找一个PNG为后缀的图标, 把它重命名为 icon.png 就可以了.  再次启动 IPhone 模拟器. 就成功了. 及时尺寸不符合审核规范,也是可以显示出来的,供测试效果吧. 为iPhone设 ...