基于jquery的无刷新分页技术
基于jquery的无刷新分页技术
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:varindex=0;$(document).ready(function(){$.post("Default5.aspx...

复制代码 代码如下:

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

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类