基于jquery的無刷新分頁技術(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>
您可能感興趣的文章:
相關(guān)文章
基于jQuery替換table中的內(nèi)容并顯示進度條的代碼
這個例子使我更加明白呈現(xiàn)數(shù)據(jù)是前端工作滴一部分,如何使table中的數(shù)值變?yōu)榍逦貤l狀圖呢?聽我細細道來2011-08-08jQuery實現(xiàn)點擊某個div打開層,點擊其他div關(guān)閉層實例分析(阻止冒泡)
這篇文章主要介紹了jQuery實現(xiàn)點擊某個div打開層,點擊其他div關(guān)閉層的方法,結(jié)合實例形式分析了jQuery兩種阻止冒泡實現(xiàn)彈出層的處理技巧,需要的朋友可以參考下2016-11-11