作家
登录

基于jquery的无刷新分页技术

作者: 来源:www.28hudong.com 2013-03-30 00:51:17 阅读 我要评论

复制代码 代码如下: <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>

  推荐阅读

  读jQuery之七 判断点击了鼠标哪个键的代码

jQuery丢弃了标准的 button 属性采用 which,这有点让人费解。which 是Firefox引入的,IE不支持。which的本意是获取键盘的键值(keyCode)。jQuery中的which即可以是键盘的键值,也可以是鼠标的键值。即当判断用户按>>>详细阅读


本文标题:基于jquery的无刷新分页技术

地址:http://www.17bianji.com/kaifa2/JS/24508.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)