基于jquery的无刷新分页技术


Posted in Javascript onJune 11, 2011
<script src="script/jquery-1.6.1.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
var index = 0; 
$(document).ready(function () { 
$.post("Default5.aspx", { name: index }, function (msg) { 
$("tr:gt(0)").remove(); 
var artice = msg; 
for (var i = 0; i < 5; i++) { 
$("table").append("<tr><td>" + artice[i]["ID"] + "</td><td>" + artice[i]["Writer"] + "</td><td>" + artice[i]["Title"] + "</td></tr>"); 
} 
}, "json"); 
}); 
$(document).ready(function () { 
$("a").click(function () { 
if ($(this).html() == "下一页") { 
index = index + 5; 
if (index > 10) { 
index = 10; 
} 
} 
if ($(this).html() == "上一页") { 
index = index - 5; 
if (index < 0) { 
index = 0; 
} 
} 
// alert(index); 
$.post("Default5.aspx", { name: index }, function (msg) { 
// alert(msg[0]["ID"]); 
$("tr:gt(0)").remove(); 
var artice = msg; 
for (var i = 0; i < 5; i++) { 
// alert("11"); 
$("table").append("<tr><td>" + artice[i]["ID"] + "</td><td>" + artice[i]["Writer"] + "</td><td>" + artice[i]["Title"] + "</td></tr>"); 
// $("table").append("<tr><td>1</td><td>2</td><td>3</td></tr>"); 
} 
}, "json"); 
}); 
}); 
</script>
Javascript 相关文章推荐
javascript学习笔记(二) js一些基本概念
Jun 18 Javascript
表单验证的完整应用案例探讨
Mar 29 Javascript
javascript通过元素id和name直接取得元素的方法
Apr 28 Javascript
jQuery根据元素值删除数组元素的方法
Jun 24 Javascript
jquery获取多个checkbox的值异步提交给php
Jul 07 Javascript
JQuery的常用选择器、过滤器、方法全面介绍
May 25 Javascript
手机端点击图片放大特效PhotoSwipe.js插件实现
Aug 24 Javascript
基于JavaScript实现窗口拖动效果
Jan 18 Javascript
从零开始搭建webpack+react开发环境的详细步骤
May 18 Javascript
JavaScript数组基于交换的排序示例【冒泡排序】
Jul 21 Javascript
vue使用v-for实现hover点击效果
Sep 29 Javascript
JavaScript与JQuery框架基础入门教程
Jul 15 Javascript
10款新鲜出炉的 jQuery 插件(Ajax 插件,有幻灯片、图片画廊、菜单等)
Jun 08 #Javascript
jQuery 源码分析笔记(6) jQuery.data
Jun 08 #Javascript
jQuery中的.bind()、.live()和.delegate()之间区别分析
Jun 08 #Javascript
jquery 跨域访问问题解决方法(笔记)
Jun 08 #Javascript
精通Javascript系列之数据类型 字符串
Jun 08 #Javascript
精通Javascript系列之Javascript基础篇
Jun 07 #Javascript
精通Javascript系列之数值计算
Jun 07 #Javascript
You might like
PHP截取汉字乱码问题解决方法mb_substr函数的应用
2008/03/30 PHP
php-accelerator网站加速PHP缓冲的方法
2008/07/30 PHP
PDO的安全处理与事物处理方法
2016/10/31 PHP
PHP实现的曲线统计图表示例
2016/11/10 PHP
PHP 传输会话curl函数的实例详解
2017/09/12 PHP
php获取目录下所有文件及目录(多种方法)(推荐)
2019/05/14 PHP
学习并汇集javascript匿名函数
2010/11/25 Javascript
jQuery源码分析-01总体架构分析
2011/11/14 Javascript
Jquery+CSS3实现一款简洁大气带滑动效果的弹出层
2013/05/15 Javascript
javascript操作referer详细解析
2014/03/10 Javascript
javascript Deferred和递归次数限制实例
2014/10/21 Javascript
jQuery中[attribute]选择器用法实例
2014/12/31 Javascript
基于javascript实现动态显示当前系统时间
2016/01/28 Javascript
js密码强度实时检测代码
2016/03/02 Javascript
jquery基本选择器匹配多个元素的实现方法
2016/09/05 Javascript
NodeJS实现客户端js加密
2017/01/09 NodeJs
JavaScript实现QQ聊天消息展示和评论提交功能
2017/05/22 Javascript
集合Bootstrap自定义confirm提示效果
2017/09/19 Javascript
浅谈Node.js 子进程与应用场景
2018/01/24 Javascript
JavaScript门道之标准库
2018/05/26 Javascript
解决node.js含有%百分号时发送get请求时浏览器地址自动编码的问题
2019/11/20 Javascript
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
2020/03/20 jQuery
全面解析js中的原型,原型对象,原型链
2021/01/25 Javascript
Python中实现常量(Const)功能
2015/01/28 Python
利用python解决mysql视图导入导出依赖的问题
2017/12/17 Python
python字符串与url编码的转换实例
2018/05/10 Python
python实现FTP文件传输的方法(服务器端和客户端)
2020/03/20 Python
pycharm 2020.2.4 pip install Flask 报错 Error:Non-zero exit code的问题
2020/12/04 Python
五分钟学会HTML5的WebSocket协议
2019/11/22 HTML / CSS
英国著名音像制品和图书游戏购物网站:Zavvi
2016/08/04 全球购物
音乐节策划方案
2014/06/09 职场文书
党的群众路线查摆剖析材料
2014/10/10 职场文书
商超业务员岗位职责
2015/02/13 职场文书
六一活动主持词
2015/06/30 职场文书
Python自然语言处理之切分算法详解
2021/04/25 Python
PyTorch的Debug指南
2021/05/07 Python