jquery实现无刷新分页,跳转

js代码:

jQuery(document).ready(
     function() {
         var pagecount = 0; //总共多少页
         var AllCount = 0; //总共几行
         var page = 1;    //第几页
         var pageData = 10; //一页多少行
         jQuery.post("PMSysHandler.ashx", { "Action": "getPageCount" }, function(pageAllCount, status) {
             AllCount = pageAllCount;
             pagecount = parseInt(AllCount / pageData);
             if (pageAllCount % pageData != 0) {
                 pagecount++;
             }
             jQuery('#Sum').html("一共有" + AllCount + "行,当前第" + page + "/" + pagecount + "页,每页" + pageData + "行");
             getAllOwnerInfo(page - 1, pageData);
         })

         jQuery('#Go').click(function() {
             var pagenum = jQuery('#pagenum').val();
             var Part = new RegExp("^[0-9]+");
             if (!Part.exec(pagenum)) {
                 alert("输入格式错误!");
             }
             else if (pagenum > pagecount) {
             alert("请输入在总页数范围内的页数!");
             jQuery('#pagenum').val("");
             }
             else {
                 page = pagenum;
                 jQuery('#Sum').html("一共有" + AllCount + "行,当前第" + page + "/" + pagecount + "页,每页" + pageData + "行");
                 getAllOwnerInfo((page - 1) * pageData, pageData);
             }
         })
         jQuery('#upPage').click(function(e) {
             e.preventDefault();
             if (page - 1 <= 0) {
                 alert("当前已经是第一页!");
                 return;
             }
             else {
                 page = page - 1;
                 jQuery('#Sum').html("一共有" + AllCount + "行,当前第" + page + "/" + pagecount + "页,每页" + pageData + "行");
                 getAllOwnerInfo((page - 1) * pageData, pageData);
             }
         })
         jQuery('#downPage').click(function(e) {
             e.preventDefault();
             if (page + 1 > pagecount) {
                 alert("当前已经是最后一页!");
                 return;
             }
             else {
                 page = page + 1;
                 jQuery('#Sum').html("一共有" + AllCount + "行,当前第" + page + "/" + pagecount + "页,每页" + pageData + "行");
                 getAllOwnerInfo((page - 1) * pageData, pageData);
             }
         })
         jQuery('#first').click(function(e) {
             e.preventDefault();
             page = 1;
             jQuery('#Sum').html("一共有" + AllCount + "行,当前第" + page + "/" + pagecount + "页,每页" + pageData + "行");
             getAllOwnerInfo(page - 1, pageData);
         })
         jQuery('#end').click(function(e) {
             e.preventDefault();
             page = pagecount;
             jQuery('#Sum').html("一共有" + AllCount + "行,当前第" + page + "/" + pagecount + "页,每页" + pageData + "行");
             getAllOwnerInfo((page - 1) * pageData, pageData);
         })
         jQuery('#search').click(function() {
             var condition = "";
             var index = 0;
             if (jQuery('#yzbh').val() != "") {
                 jQuery('#yzxm').val("");
                 jQuery('#yzdh').val("");
                 condition = jQuery('#yzbh').val();
                 index = 1;
             }
             else if (jQuery('#yzxm').val() != "") {
                 jQuery('#yzbh').val("");
                 jQuery('yzdh').val("");
                 condition = jQuery('#yzxm').val();
                 index = 2;
             }
             else if (jQuery('#yzdh').val() != "") {
                 jQuery('#yzbh').val("");
                 jQuery('yzxm').val("");
                 condition = jQuery('#yzdh').val();
                 index = 3;
             }
             else {
                 getAllOwnerInfo((page-1)*pageData, pageData);
                 return;
             }
             jQuery.post("PMSysHandler.ashx", { "Action": "condition", "index": index, "condition": condition }, function(htm, status) {
                 jQuery('#aa').empty();
                 var ownerInfo = jQuery.parseJSON(htm);
                 jQuery('#aa').append(ownerInfo);
             })
         })
     }
)
function getAllOwnerInfo(page, pageData) {
    jQuery.post(
         "PMSysHandler.ashx", { "Action": "getPageData", "start": page, "end": pageData },
         function(htm, status) {
             jQuery("#aa").empty();
             var ownerInfoes = jQuery.parseJSON(htm);
             jQuery("#aa").append(ownerInfoes);
         }
    )
}

html代码页:

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

<!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>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>物业管理系统 - 首页</title>
        <link type="text/css" rel="stylesheet" href="css/style.css" />
        <script src="scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script src="scripts/Index.js" type="text/javascript"></script>
   
    </head>
   
    <body>
     <ul id="menu">
         <li><a href="#">小区投诉</a></li>
         <li><a href="#">收费管理</a></li>
         <li><a href="#">人事管理</a></li>
        </ul>
        <div id="main">
         <div id="main_title">业务信息列表</div>
            <div id="main_search">
             <form action="#" method="get">
                 <label>业主编号:</label><input type="text" name="yzbh" id="yzbh"/>
                    <label>业主姓名:</label><input type="text" name="yzxm" id="yzxm"/>
                    <label>业主电话:</label><input type="text" name="yzdh" id="yzdh"/>
                    <input type="button" id="search" value="搜 索" class="button" /><input type="reset" id="clear" value="重 置" class="button" />
                </form>
            </div>
            <table border="0" cellpadding="0" cellspacing="1" id="aa">
            </table>
            <div id="operate">
             <a href="Login.aspx" title="返回" id="back">返回</a>
             <a href="" title="添加" id="add">添加</a>
                <span id="page"><label id="Sum"></label></span>
                <span id="pagebar">
                 <a href="" id="first" title="首页">[首页]</a><a href="" id="upPage" title="上一页">[上一页]</a> <a href="" id="downPage" title="下一页">[下一页]</a> <a href="" id="end" title="尾页">[尾页]</a>
                </span>
                <form id="goto" action="">
                 <label>到</label><input type="text" name="pagenum" id="pagenum"/><label>页</label><input type="button" id="Go" value="跳" class="button" />
                </form>
            </div>
        </div>
    </body>
</html>

后台代码:

<%@ WebHandler Language="C#" class="PMSysHandler" %>

using System;
using System.Web;
using PMSysDAL;
using System.Collections.Generic;
using PMSysModel;
using System.Web.Script.Serialization;
using System.Text;

public class PMSysHandler : IHttpHandler {
    OwnerInfoService ownerInfoService = new OwnerInfoService();
    public void ProcessRequest(HttpContext context)
    {
        context.Response.ContentType = "text/plain";
        string action = context.Request["Action"];
        if (action == "getPageCount")
        {
            int pageAllCount = ownerInfoService.getPageCount();
            context.Response.Write(pageAllCount);
        }
        else if (action == "getPageData")
        {
            int pageNum = Convert.ToInt32(context.Request["start"]);
            int pageCount = Convert.ToInt32(context.Request["end"]);
            List<OwnerInfo> ltOwnerInfoes = ownerInfoService.GetAllOwnerInfo(pageNum, pageCount);
            string htm = "<tr>"
                        + "<td class=\"table_title\" width=\"90px\">编 号</td>"
                        + "<td class=\"table_title\" width=\"90px\">姓 名</td>"
                        + "<td class=\"table_title\" width=\"50px\">性 别</td>"
                        + "<td class=\"table_title\" width=\"140px\">联 系 地 址</td>"
                        + "<td class=\"table_title\" width=\"140px\">手 机 号 码</td>"
                        + "<td class=\"table_title\" width=\"140px\">证 件 号 码</td>"
                        + "<td class=\"table_title\" width=\"90px\">备 注</td>"
                        + "<td class=\"table_title\">操 作</td>"
                        + "</tr>";
            int i = 0;
            foreach (OwnerInfo ownerInfo in ltOwnerInfoes)
            {
                i++;
                if (i % 2 != 0)
                {
                    htm += "<tr class=\"table_tr_single\">"
                        + "<td>" + ownerInfo.OwnerId + "</td>"
                        + "<td>" + ownerInfo.OwnerName + "</td>"
                        + "<td>" + ownerInfo.Sex + "</td>"
                        + "<td>" + ownerInfo.Address + "</td>"
                        + "<td>" + ownerInfo.Mobile + "</td>"
                        + "<td>" + ownerInfo.PaperName + "</td>"
                        + "<td>" + ownerInfo.Remark + "</td>"
                        + "<td>"
                            + "<a href=\"#\" class=\"view\" title=\"查看\">查看</a>"
                            + "<a href=\"#\" class=\"edit\" title=\"编辑\">编辑</a>"
                         + "<a href=\"javascript:if(confirm('确定要删除吗?')){location.href='Handle.aspx?ownerId=" + ownerInfo.OwnerId.ToString() + "'}\" class=\"delete\" title=\"删除\">删除</a>"
                        + "</td>"
                        + "</tr>";
                }
                else
                {
                    htm += "<tr class=\"table_tr_double\">"
                        + "<td>" + ownerInfo.OwnerId + "</td>"
                        + "<td>" + ownerInfo.OwnerName + "</td>"
                        + "<td>" + ownerInfo.Sex + "</td>"
                        + "<td>" + ownerInfo.Address + "</td>"
                        + "<td>" + ownerInfo.Mobile + "</td>"
                        + "<td>" + ownerInfo.PaperName + "</td>"
                        + "<td>" + ownerInfo.Remark + "</td>"
                        + "<td>"
                            + "<a href=\"#\" class=\"view\" title=\"查看\">查看</a>"
                            + "<a href=\"#\" class=\"edit\" title=\"编辑\">编辑</a>"
                            + "<a href=\"javascript:if(confirm('确定要删除吗?'));location.href='Handle.aspx?ownerId="+ownerInfo.OwnerId.ToString()+"'\" class=\"delete\" title=\"删除\">删除</a>"
                        + "</td>"
                    + "</tr>";
                }

            }
            JavaScriptSerializer jss = new JavaScriptSerializer();
            context.Response.Write(jss.Serialize(htm));
        }
        else if(action=="condition"){
           
            int index = Convert.ToInt32(context.Request["index"]);
            string condition = Convert.ToString(context.Request["condition"]);
            OwnerInfo ownerInfo = ownerInfoService.getOwnerInfoByCondition(condition,index);
            string htm = string.Empty;
            if (ownerInfo != null)
            {
                htm = "<tr class=\"table_tr_single\">"
                        + "<td>" + ownerInfo.OwnerId + "</td>"
                        + "<td>" + ownerInfo.OwnerName + "</td>"
                        + "<td>" + ownerInfo.Sex + "</td>"
                        + "<td>" + ownerInfo.Address + "</td>"
                        + "<td>" + ownerInfo.Mobile + "</td>"
                        + "<td>" + ownerInfo.PaperName + "</td>"
                        + "<td>" + ownerInfo.Remark + "</td>"
                        + "<td>"
                            + "<a href=\"#\" class=\"view\" title=\"查看\">查看</a>"
                            + "<a href=\"#\" class=\"edit\" title=\"编辑\">编辑</a>"
                            + "<a href=\"javascript:if(confirm('确定要删除吗?')); location.href='Handle.aspx?ownerId=" + ownerInfo.OwnerId.ToString() + "'\" class=\"delete\" title=\"删除\">删除</a>"
                        + "</td>"
                        + "</tr>";
            }
               
            else
            {
                htm = "没有找到你想要查找的数据!";
            }
            JavaScriptSerializer jss = new JavaScriptSerializer();
            context.Response.Write(jss.Serialize(htm));
           
        }
    }
 
    public bool IsReusable {
        get {
            return false;
        }
    }  

}