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;
}
}
}
转载于:https://www.cnblogs.com/caishuowen/archive/2011/04/15/2016837.html
jquery实现无刷新分页,跳转相关推荐
- jq分页 不刷新页面_jquery实现无刷新分页,跳转
js代码: jQuery(document).ready( function() { var pagecount = 0; //总共多少页 var AllCount = 0; //总共几行 var p ...
- 无刷新分页 jquery.pagination.js
序言 这一款js分页使用起来很爽,自己经常用,做项目时总是要翻以前的项目看,不方便,这里就把他写出来方便自己以后粘帖,也希望能分享给大家. 友情提示下:我有一片博客是用着个js实现的无刷新分页也很好用 ...
- Asp.Net无刷新分页（ jquery.pagination.js）
采用Jquery无刷新分页插件jquery.pagination.js 实现无刷新分页效果 友情提示:本示例Handler中采用StringBuilder的append方法追加HTML,小数据量可 ...
- jQuery+Ajax+PHP无刷新分页
代码需要在后台运行(包括页面index.html,ajax.php,connect.php,还有数据库food.sql) index.html <!DOCTYPE html> <ht ...
- php 新闻分页,php jquery 实现新闻标签分类与无刷新分页
php + jquery ui插件 + jquery pager插件 实现新闻的 标签分类 + 无刷新分页 现在jquery的应用越来越广泛了,在很多网站的新闻板块都实现了 标签分类 + 无刷新分页 ...
- tp5 分页php不能foreach,tp5框架无刷新分页实现方法分析
本文实例讲述了tp5框架无刷新分页实现方法.分享给大家供大家参考,具体如下: 已tp5 分页为例, 1.默认生成的分页 页码如下: « 1 2 » 2.点击页码 值,跳转到对应的页面,并get传 p ...
- thinkphp ajax 无刷新分页效果的实现
思路:先做出传统分页效果,然后重新复制一份Page.class.php类,对它进行修改,把js中的函数传到page类中,把上一页.下一页.首页.尾页.链接页中的url地址改成js控制的函数,模板页面中 ...
- 一步步打造漂亮的新闻列表（无刷新分页、内容预览）（4）
前面三篇文章实现了第一个目标,即无刷新分页.本文将实现第二个目标,即预览新闻内容.有两种方法可以实现内容的预览,一个是ajax,一个是伪ajax(姑且这么叫). 我们先用伪ajax实现新闻内容的预览. ...
- thinkphp+ajax无刷新分页并加载显示图片
2019独角兽企业重金招聘Python工程师标准>>> 最近自己用thinkphp和bootstrap做一个小站点,在用到ajax与后台数据库交互实现无刷新分页时,因为我需要返回的数 ...
最新文章
- 惊：FastThreadLocal吞吐量居然是ThreadLocal的3倍！！！
- 开源的关于智能车竞赛光电起始点方案
- 干货 | 深入浅出分销体系
- 6678EVM调试K1_STK_v1.1例程中GE_test的时候报错：DDR3 leveling has failed, STATUS = 0x40000064的解决办法
- 操作系统（三十一）死锁的检测和解除
- 明年的现在我也想去“双选会”应聘！
- 呼叫中心IVR系统的介绍
- ASP.NET Web Pages：WebGrid 帮助器
- 算法竞赛入门经典（第二版）答案——第一部分
- 挑战背后的故事 - OceanBase的6000万tpmC之路
- php 求幂数,C 笔记九 求幂函数
- Python常用英文单词
- 如何做服务器安全维护，网站安全维护怎么做好
- HTML5期末考核大作业网站——卫生与健康HTML+CSS+JavaScript
- 2019年CVTE实习心得
- 大数据分析师高级证书_数据分析师资格证书好考吗_大数据分析师认证
- 15、ESP-MESH组网
- 使用正则表达式切分英文句子，将标点和句子分开
- Neo4j 之西游记取经团队人物创建和关系设置
- STM32F407控制微型推拉式电磁铁（通过继电器）