<!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>
<title>JQuery分页</title>
<script type="text/javascript" src="js/jquery-1.3.2-vsdoc2.js"></script>
</head>
<body>
<ul id="ulCategory">
</ul>
<table>
<tr id="trPage">
</tr>
</table>
<script type="text/javascript">
$(function() {
$.post("../PagedService.ashx", { "Action": "GetPageCount" }, function(response, status) {
for (var i = 1; i <= response; i++) {
var td = $("<td><a href=''>" + i + "</a></td>");
$("#trPage").append(td);
td.click(function(e) {
e.preventDefault(); //不要导向链接
$.post("../PagedService.ashx", { "Action": "GetPageData", "PageNum": $(this).text() }, function(response, status) {
//var categorys = $.parseJSON(response);
//这是直接用eval方法就可以了
var categorys = eval(response);
$("#ulCategory").empty();
for (var i = 0; i < categorys.length; i++) {
var category = categorys[i];
var li = $("<li>" + category.Classid + "-" + category.Classname + "</li>");
//以下一注注释代码也可执行
//var li = "<li>" + categorys[i].Classid + "-" + categorys[i].Classname + "</li>";
$("#ulCategory").append(li);
}
});
});
}
});
});
</script>
</body>
</html>
JQuery分页,使用JQuery分页插件
5星 · 超过95%的资源 需积分: 9 21 浏览量
2011-09-16
16:13:38
上传
评论 3
收藏 684KB RAR 举报
tolearner
- 粉丝: 128
- 资源: 16
最新资源
- 基于QT+QML+C++实现的仿 Windows10 画图3D 的颜色选择器+源码
- 32代码四驱简易电动小车蓝牙控制、语音控制、寻光、巡线、避障(内含语音模块为天问ASR-PRO开发板与32单片机串口通信的代码)
- 基于STM32的计步器的设计
- 基于Qt与STM32平台开发的汽车车机系统上位机
- 基于MQTT的智能宠物投喂系统
- 312749069629470selfieU重绘.apk
- http%3A%2F%2Fimg.wsdl.vivo.com.cn%2Fappstore%2Fdeveloper%2Ficon%2F201412%2F201412231038336
- 主要记录B站up主莫烦matplotlib教程中的代码.zip
- Java SE Development Kit 8u411 Windows x64 Installer
- 用于科学绘图的 Matplotlib 样式.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
- 1
- 2
- 3
- 4
- 5
前往页