zoukankan      html  css  js  c++  java
  • 异步分页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>












  • 相关阅读:
    howtoautomateyouriphoneappbuildswithhudson
    buildingiphoneappswithhudsonpart2
    Linux常用命令全集
    介绍
    Linux文件查找命令find,xargs详述
    Tomcat for Mac OS
    Jenkins在Mac平台安裝
    Linux下的shell与make
    buildingiosappsforovertheairadhocdistribution
    linux下u盘的使用
  • 原文地址:https://www.cnblogs.com/huangt/p/3667178.html
Copyright © 2011-2022 走看看