基于jquery的無刷新分頁技術(shù)
更新時(shí)間：2011年06月11日 00:34:52 作者：
基于jquery的無刷新分頁技術(shù)，需要的朋友可以參考下。
復(fù)制代碼 代碼如下:
<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插件pagination實(shí)現(xiàn)無刷新ajax分頁
- jQuery插件jPaginate實(shí)現(xiàn)無刷新分頁
- JQuery+Ajax無刷新分頁的實(shí)例代碼
- jQuery 無刷新分頁實(shí)例代碼
- JQuery與JSon實(shí)現(xiàn)的無刷新分頁代碼
- jquery+ashx無刷新GridView數(shù)據(jù)顯示插件(實(shí)現(xiàn)分頁、排序、過濾功能)
- Jquery+JSon 無刷新分頁實(shí)現(xiàn)代碼
- php jquery 實(shí)現(xiàn)新聞標(biāo)簽分類與無刷新分頁
- jquery pagination插件實(shí)現(xiàn)無刷新分頁代碼
- jQuery無刷新分頁完整實(shí)例代碼
相關(guān)文章
JQuery 浮動(dòng)導(dǎo)航欄實(shí)現(xiàn)代碼
JQuery 浮動(dòng)導(dǎo)航欄實(shí)現(xiàn)代碼，具體的可以根據(jù)需要自己修改。2009-08-08
這篇文章主要介紹了jQuery通過deferred對象管理ajax異步的相關(guān)資料,需要的朋友可以參考下2016-05-05
這篇文章主要介紹了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)，感興趣的朋友可以參考下，或許對你學(xué)習(xí)登陸驗(yàn)證有所幫助，好了閑話不多說了，看代碼2013-01-01
jQuery 利用ztree實(shí)現(xiàn)樹形表格的實(shí)例代碼
最近公司要做一個(gè)樹形表格，由于之前對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序列化表單去除指定元素,需要的朋友可以參考下2014-04-04