• 异步分页ajax


    ****jsp页面代码

    <%@ page language="java"     pageEncoding="utf-8"%>

    <%@ taglib prefix="s" uri="/struts-tags" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
        <head>
           <link type="text/css" rel="stylesheet" href="../style/style.css" />
            <script type="text/javascript" src="../js/jquery-1.4.3.js"></script>
            <script type="text/javascript" src="../js/jquery.messager.js"></script>
            <script type="text/javascript" src="../js/time.js"></script>
            <title>代办事宜系统</title>
            <script type="text/javascript">
            function pages(page){
                $.ajax({url: "pages.action?page=" + page,
                    dataType:'json',
                    async:false,
                    success:function(data){
                        $('#tb1').empty();
                        for( var i=0;i<data.length;i++){
                            
                            $('#tb1').append(
                            '<tr><td>' + data[i].id
                            + '</td><td>' + data[i].title
                            + '</td><td>' + data[i].remindtimes
                            + '</td><td>' + data[i].ji.gradename
                            + '</td><td>' + data[i].content
                            + '</td><td><a href="detail.action?id='  + data[i].id +' "  target="_blank">查看</a>'
                            + '<a href="toModi.action?id='  + data[i].id +' " > 修改</a>'
                            + '<a href="delete.action?id='  + data[i].id +' " > 删除</a>'
                            + '</td></tr>');
                        }
                    }
            });
            };
            </script>
        </head>
        <body>
        <div align="center" style="font-size: 30px;">列表显示</div>
        <form action="list/list.action" id="listform">
        <div >
            <table border="1px"align="center" width="850" height="50" >
                <thead>
                    <tr>
                        <td>事件ID</td>
                        <td>标题</td>
                        <td>提醒时间</td>
                        <td>事件级别</td>
                        <td>事件内容</td>
                        <td>查看详情</td>
                    </tr>
                </thead>
                <tbody id="tb1">
                    <s:iterator value="list">
                    <tr>
                        <td><s:property value="id"/></td>
                        <td><s:property value="title"/></td>
                        <td><s:date name="remindtimes" /></td>
                        <td><s:property value="ji.getGradename()"/></td>
                        <td><s:property value="content"/></td>
                        <td><a href="detail.action?id=<s:property value="id"/>"  target="_blank">查看</a>
                              <a href="toModi.action?id=<s:property value="id"/>"  >修改</a>
                              <a href="delete.action?id=<s:property value="id"/>"  > 删除</a>
                        </td>
                    </tr>
                    </s:iterator>
                </tbody>
            </table>
              <!--分页-->
             <div align="center">
                        <s:iterator begin="1" end="totalPages" var="p">
                        <a href="javascript:; pages(${p})"  target="right">${p}</a>
                        </s:iterator>
            </div>
        </div>
        </form>
        
        </body>

        </html>












  • 相关阅读:
    Mysql:Changes in MySQL 5.6.6 (2012-08-07, Milestone 9):Group-Commit等等:重大变化版本!
    Mysql:Changes in MySQL 5.6.9 (2012-12-11, Release Candidate):GTID-based variables have been 【renamed】
    Mysql:Changes in MySQL 5.6.13 (2013-07-31, General Availability):不再支持可能引起混乱的【选项缩略】写法!
    Mysql:Changes in MySQL 5.6.22 (2014-12-01, General Availability):【sql-log-bin】
    Mysql:Changes in MySQL 5.6.30 (2016-04-11, General Availability):--ssl-mode:
    Mysql:Changes in MySQL 5.6.34 (2016-10-12, General Availability):secure-file-priv
    Windows Linux子系统Windows 10安装指南
    WSL2-参考的对象类型不支持尝试的操作。
    Win10开启Hyper-V后无法运行VMware虚拟机的解决方法
    Kubernetes---高可用的 K8S 集群构建
  • 原文地址:https://www.cnblogs.com/huangt/p/3667178.html
Copyright © 2020-2023  润新知