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>
  • 相关阅读:
    java 开发面试题小整理(二)
    Java 字符串比较小知识
    适配器、工厂模式、线程池、线程组、互斥锁、Timer类、Runtime类、单例设计模式(二十四)
    多线程、死锁、线程安全、同步方法、代码块、休眠、守护线程、Thread、Runnable(二十三)
    RabbitMQ的几种典型使用场景
    SQL一些问题
    Redis和Memcached的区别
    Mongodb 使用场景和不使用场景
    Adapter as a WCF Binding
    ASP.NET MVC使用Filter解除Session, Cookie等依赖
  • 原文地址:https://www.cnblogs.com/bjjjunjie/p/2077990.html
Copyright © 2011-2022 走看看