zoukankan      html  css  js  c++  java
  • 无刷新分页技术

     <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>
  • 相关阅读:
    poj 2337 欧拉回路输出最小字典序路径 ***
    hdu 4831
    hdu 4832 dp ***
    hdu 4833 离散化+dp ****
    hdu 4006 优先队列 2011大连赛区网络赛F **
    hdu 4005 双联通 2011大连赛区网络赛E *****
    hdu 4004 二分 2011大连赛区网络赛D
    hdu 4003 树形dp+分组背包 2011大连赛区网络赛C
    hdu 4002 欧拉函数 2011大连赛区网络赛B
    跨域经验总结
  • 原文地址:https://www.cnblogs.com/bjjjunjie/p/2077990.html
Copyright © 2011-2022 走看看