基于jquery的無(wú)刷新分頁(yè)技術(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() == "下一頁(yè)") {
index = index + 5;
if (index > 10) {
index = 10;
}
}
if ($(this).html() == "上一頁(yè)") {
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)無(wú)刷新ajax分頁(yè)
- jQuery插件jPaginate實(shí)現(xiàn)無(wú)刷新分頁(yè)
- JQuery+Ajax無(wú)刷新分頁(yè)的實(shí)例代碼
- jQuery 無(wú)刷新分頁(yè)實(shí)例代碼
- JQuery與JSon實(shí)現(xiàn)的無(wú)刷新分頁(yè)代碼
- jquery+ashx無(wú)刷新GridView數(shù)據(jù)顯示插件(實(shí)現(xiàn)分頁(yè)、排序、過(guò)濾功能)
- Jquery+JSon 無(wú)刷新分頁(yè)實(shí)現(xiàn)代碼
- php jquery 實(shí)現(xiàn)新聞標(biāo)簽分類與無(wú)刷新分頁(yè)
- jquery pagination插件實(shí)現(xiàn)無(wú)刷新分頁(yè)代碼
- jQuery無(wú)刷新分頁(yè)完整實(shí)例代碼
相關(guān)文章
Jquery實(shí)現(xiàn)鼠標(biāo)移動(dòng)放大圖片功能實(shí)例
這篇文章主要介紹了Jquery實(shí)現(xiàn)鼠標(biāo)移動(dòng)放大圖片功能,實(shí)例分析了jQuery操作鼠標(biāo)與圖片的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03jQuery之浮動(dòng)窗口實(shí)現(xiàn)代碼(兩種方法)
今天公司要求實(shí)現(xiàn)浮動(dòng)窗口效果,自己看了不少資料終于實(shí)現(xiàn)此效果。用jQ實(shí)現(xiàn)浮動(dòng)窗口功能,彈出窗口時(shí)背景變暗.2010-09-09jQuery實(shí)現(xiàn)下拉菜單滑動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)下拉菜單滑動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-08-08基于jQuery替換table中的內(nèi)容并顯示進(jìn)度條的代碼
這個(gè)例子使我更加明白呈現(xiàn)數(shù)據(jù)是前端工作滴一部分,如何使table中的數(shù)值變?yōu)榍逦貤l狀圖呢?聽(tīng)我細(xì)細(xì)道來(lái)2011-08-08jquery easyui如何實(shí)現(xiàn)格式化列
本篇文章主要介紹了jquery easyui如何實(shí)現(xiàn)格式化列 ,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07jquery 提示信息顯示后自動(dòng)消失的具體實(shí)現(xiàn)
讓提示信息顯示后自動(dòng)消失的方法有很多,在本文為大家介紹下使用jquery是如何做到的,感興趣朋友可以參考下2013-12-12加載列表時(shí)jquery獲取ul中第一個(gè)li的屬性
通過(guò)jquery獲取ul中第一個(gè)li的屬性,當(dāng)加載列表時(shí),默認(rèn)希望選中第一條,下面是具體的實(shí)現(xiàn)代碼2014-11-11jQuery實(shí)現(xiàn)點(diǎn)擊某個(gè)div打開(kāi)層,點(diǎn)擊其他div關(guān)閉層實(shí)例分析(阻止冒泡)
這篇文章主要介紹了jQuery實(shí)現(xiàn)點(diǎn)擊某個(gè)div打開(kāi)層,點(diǎn)擊其他div關(guān)閉層的方法,結(jié)合實(shí)例形式分析了jQuery兩種阻止冒泡實(shí)現(xiàn)彈出層的處理技巧,需要的朋友可以參考下2016-11-11