基于jquery的無刷新分頁技術(shù)

更新時(shí)間：2011年06月11日 00:34:52 作者：

基于jquery的無刷新分頁技術(shù)，需要的朋友可以參考下。

 
<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> 

您可能感興趣的文章:

無刷新分頁

相關(guān)文章

JQuery 浮動(dòng)導(dǎo)航欄實(shí)現(xiàn)代碼
JQuery 浮動(dòng)導(dǎo)航欄實(shí)現(xiàn)代碼，具體的可以根據(jù)需要自己修改。
2009-08-08
jQuery通過deferred對(duì)象管理ajax異步
這篇文章主要介紹了jQuery通過deferred對(duì)象管理ajax異步的相關(guān)資料,需要的朋友可以參考下
2016-05-05
JQuery異步加載PartialView的方法
這篇文章主要介紹了JQuery異步加載PartialView的方法,涉及jQuery與asp.net交互及異步操作相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2016-06-06
S2SH整合JQuery+Ajax實(shí)現(xiàn)登錄驗(yàn)證功能實(shí)現(xiàn)代碼
登錄驗(yàn)證,在項(xiàng)目開發(fā)中很常用的，尤其是這一塊非常有利于用戶體驗(yàn)，感興趣的朋友可以參考下，或許對(duì)你學(xué)習(xí)登陸驗(yàn)證有所幫助，好了閑話不多說了，看代碼
2013-01-01
jQuery 利用ztree實(shí)現(xiàn)樹形表格的實(shí)例代碼
最近公司要做一個(gè)樹形表格，由于之前對(duì)ztree實(shí)現(xiàn)基本的樹形結(jié)構(gòu)，所以想到用ztree來做，下面小編給大家分享實(shí)現(xiàn)代碼，感興趣的朋友一起看看吧
2017-09-09
jquery 簡單圖片導(dǎo)航插件jquery.imgNav.js
前幾天某MM要偶幫忙實(shí)現(xiàn)栗子汀首頁的圖片導(dǎo)航效果，很簡單而且具有通用性的一個(gè)需求，點(diǎn)圖片A切換圖片A相關(guān)的內(nèi)容，點(diǎn)圖片B切換圖片B相關(guān)的內(nèi)容，僅此而已。
2010-03-03
Easyui筆記2：實(shí)現(xiàn)datagrid多行刪除的示例代碼
本篇文章主要介紹了Easyui筆記2：實(shí)現(xiàn)datagrid多行刪除，詳細(xì)介紹了完成一個(gè)多行勾選并刪除的功能。有興趣的可以了解一下。
2017-01-01
jQuery+AJAX實(shí)現(xiàn)網(wǎng)頁無刷新上傳
這篇文章主要介紹了jQuery+AJAX實(shí)現(xiàn)網(wǎng)頁無刷新上傳的相關(guān)資料，十分詳細(xì),需要的朋友可以參考下
2015-02-02
jQuery實(shí)現(xiàn)表單動(dòng)態(tài)加減、ajax表單提交功能
本篇文章主要講jQuery實(shí)現(xiàn)表單動(dòng)態(tài)加減、ajax表單提交功能，本文主要分為兩部分：一是頁面表單動(dòng)態(tài)加減實(shí)現(xiàn)，二是復(fù)雜表單項(xiàng)提交到controller層。需要的朋友一起學(xué)習(xí)吧
2018-06-06
jquery序列化表單去除指定元素示例代碼
這篇文章主要介紹了如何使用jquery序列化表單去除指定元素,需要的朋友可以參考下
2014-04-04