html无刷新分页前端代码

html无刷新分页前端代码

　　$(function () {

　　$.post("Test.ashx", { "action": "getpagecount" }, function (data, status) {

　　for (var i = 1; i <= data; i++) {

　　var td = $("<td><a href=''>" + i + "</a></td>");

　　$("#trpage").append(td);

　　}

　　$("#trpage td").click(function (e) {

　　e.preventDefault();

　　$.post("Test.ashx", { "action": "getpagedata", "pagenum": $(this).text() },

　　function (data, status)

　　{

　　var comments = $.parseJSON(data);

　　$("#ulorderlist").empty();

　　for (var i = 0; i < comments.length; i++) {

　　var comment = comments[i];

　　var li = $("<li>" + comment.OrderID + "--" + comment.OrderDate + "</li>");

　　$("#ulorderlist").append(li);

　　}

　　});

　　})

　　});

　　</script>

　　</head>

　　<body>

　　</ul>

　　<table>

　　</tr>

　　</table>

　　</body>

　　</html>

【html无刷新分页前端代码】相关文章：