星空网 > 软件开发 > Java

jsp页面 列表 展示 ajax异步实现

1. 服务端先返回页面基本结构(如message.jsp),

<%@ page language="java" contentType="text/html; charset=utf-8"  pageEncoding="utf-8"%><%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %><%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%><%  String path = request.getContextPath();  String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()      + path + "/";%><!DOCTYPE html><!--[if lt IE 7]> <html lang="en"> <![endif]--><!--[if IE 7]>  <html     lang="en"> <![endif]--><!--[if IE 8]>  <html        lang="en"> <![endif]--><!--[if IE 9]>  <html            lang="en"> <![endif]--><!--[if !IE]><!--><html lang="en" class="no-ie"><!--<![endif]--><head><!-- Meta--><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"><meta name="description" content=""><meta name="keywords" content=""><meta name="author" content=""><title>消息中心</title><!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --><!--[if lt IE 9]><script src='/images/loading.gif' data-original="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script><script src='/images/loading.gif' data-original="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script><![endif]--><!-- Bootstrap CSS--><link rel="stylesheet" href="<%=path %>/app/css/bootstrap.css"><!-- Vendor CSS--><link rel="stylesheet" href="<%=path %>/vendor/fontawesome/css/font-awesome.min.css"><link rel="stylesheet" href="<%=path %>/vendor/animo/animate+animo.css"><!-- START Page Custom CSS--><!-- Data Table styles--><link rel="stylesheet" href="<%=path %>/vendor/datatable/extensions/datatable-bootstrap/css/dataTables.bootstrap.css"><link rel="stylesheet" href="<%=path %>/vendor/datatable/extensions/ColVis/css/dataTables.colVis.css"><!-- END Page Custom CSS--><!-- App CSS--><link rel="stylesheet" href="<%=path %>/app/css/app.css"><link rel="stylesheet" href="<%=path %>/app/css/beadmin-theme-c2.css"><link rel="stylesheet" href="<%=path %>/vendor/sweetalert/lib/sweet-alert.css" /><link rel="stylesheet" href="<%=path %>/css/page.css"/><!-- Modernizr JS Script--><script src='/images/loading.gif' data-original="<%=path %>/vendor/modernizr/modernizr.js" type="application/javascript"></script><!-- FastClick for mobiles--><script src='/images/loading.gif' data-original="<%=path %>/vendor/fastclick/fastclick.js" type="application/javascript"></script>. <script>  var basePath = '<%=basePath %>';  var pageNo = ${page.pageNo};  var totalCount = ${page.totalCount};  var totalPage = ${page>totalPage};  var pageSize = ${page.pageSize};</script></head><body><!-- START Main wrapper--><div class="wrapper" >   <!-- START Main section--> <section>   <!-- START Page content-->  <div class="content-wrapper" style="margin-left:-250px;margin-top:-40px;">   <h3>消息中心   <!-- <div >         <button type="button" onclick="$('#myModal').modal({backdrop: 'static', keyboard: false});;" > <span ><i ></i> </span>添加</button>                 </div>-->       <small>消息管理</small>   </h3>      <!-- START panel-->       <!-- START DATATABLE 3-->   <div class="row">    <div class="col-lg-12">     <div class="panel panel-default">       <div class="panel-heading" style="border-bottom:1px solid #eee;">       <form class="form-inline" id="searchForm" method="post" action="<%=path %>/page/messageSearch.action">        <div class="form-group"> <b>创建时间: &nbsp;</b>         <div class="datetimepicker input-group date mb-lg" data-pick-time="false">          <input type="text" class="form-control" id="searchDateStart" name="searchDateStart" value='' disabled="disabled">          <span class="input-group-addon"> <span class="fa-calendar fa"></span> </span> </div>         <span style="margin-top:-8px;">—</span>         <div class="datetimepicker input-group date mb-lg" data-pick-time="false">          <input type="text" class="form-control" id="searchDateEnd" name="searchDateEnd" value='' disabled="disabled">          <span class="input-group-addon"> <span class="fa-calendar fa"></span> </span> </div>        </div>        <div class="form-group">                <b>接收者:&nbsp;</b>                <input type="text" class="form-control mb-lg" id="receiver" name="receiver" value=''>              </div>        <div class="form-group"> <a style="margin:-10px 0 0 5px; float:left;" href="javascript:void(0);" class="mb-sm btn btn-primary" type="button" id="searchMessage">搜索</a> </div>         <input type="hidden" id="pageNo" name="pageNo" value=''>       </form>      </div>      <div class="table-responsive">       <table class="table table-bordered table-hover dataTable no-footer" id="table-ext-1" >        <thead>         <tr>          <th style="width:300px;">描述</th>          <th class="sorting center" tabindex="0" aria-controls="datatable1" rowspan="1" colspan="1" style="width: 86px;" aria-label="Rendering engine: activate to sort column ascending">发送者</th>          <th class="sorting center" tabindex="0" aria-controls="datatable1" rowspan="1" colspan="1" style="width: 86px;" aria-label="Rendering engine: activate to sort column ascending">接收者</th>          <th class="sorting center" tabindex="0" aria-controls="datatable1" rowspan="1" colspan="1" style="width: 86px;" aria-label="Rendering engine: activate to sort column ascending">创建时间</th>          <th class="th150 center">操作</th>          </tr>        </thead>        <tbody id="message_body">                </tbody>        <tfoot>         <tr> </tr>        </tfoot>       </table>      </div>            <div class="panel-footer">       <div class="row">        <div style="line-height:35px;" class="col-lg-3">         <div class="input-group pull-left" id="message_showLines"> </div>        </div>        <div class="col-lg-9"></div>         <div class="tcdPageCode"></div>       </div>      </div>     </div>    </div>   </div>   <!-- END DATATABLE 3-->      </div>  <!-- END Page content-->  </section> <!-- END Main section--> </div><!-- END Main wrapper--> <!-- START modal--><div id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" class="modal" > <div class="modal-dialog" style="width:600px;">  <div class="modal-content">   <div class="modal-header">    <button type="button" data-dismiss="modal" aria-hidden="true" class="close">×</button>    <h4 id="myModalLabel" class="modal-title">新建应用</h4>   </div>   <div class="modal-body" style="padding-right:20px;">    <form method="get" action="/" class="form-horizontal">     <fieldset>      <div class="form-group" style="padding-bottom:5px;">       <label class="col-sm-2 control-label">名称</label>       <div class="col-sm-10">        <input type="text" class="form-control">       </div>      </div>       <div class="form-group" style="margin-top:10px;">       <label class="col-sm-2 control-label">描述</label>       <div class="col-sm-10">        <input type="text" class="form-control">       </div>      </div>                  <div class="form-group" style="margin-top:10px;">       <label class="col-sm-2 control-label">URL</label>       <div class="col-sm-10">        <input type="text" class="form-control">       </div>      </div>                  <div class="form-group" style="margin-top:5px;">        <label class="col-sm-2 control-label">类别</label>        <div class="col-sm-10">         <select class="form-control m-b" name="account">           <option>Web</option>           <option>Mobile</option>         </select></div>         </div>                  <div class="form-group" style="margin-top:5px;">        <label class="col-sm-2 control-label">授权模式</label>        <div class="col-sm-10">         <select class="form-control m-b" name="account">           <option>授权</option>           <option>不授权</option>         </select></div>         </div>                  <div class="form-group" style="margin-top:10px;">       <label class="col-sm-2 control-label">LOGO</label>       <div class="col-sm-10">        <input type="button" class="form-control">       </div>      </div>           </fieldset>    </form>   </div>      </fieldset>   <div class="modal-footer">    <button type="button" data-dismiss="modal" class="btn btn-default">取消</button>    <button type="button" class="btn btn-primary">确定</button>   </div>  </div> </div></div></div><div id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" class="modal"> <div class="modal-dialog" style="width:650px;">  <div class="modal-content">   <div class="modal-header">    <button type="button" data-dismiss="modal" aria-hidden="true" class="close">×</button>    <h4 id="myModalLabel" class="modal-title">修改密码</h4>   </div>   <div class="modal-body">    <form method="get" action="/" class="form-horizontal">     <fieldset>      <div class="form-group" style="padding-bottom:5px;">       <label class="col-sm-2 control-label">原密码</label>       <div class="col-sm-10">        <input type="text" class="form-control">       </div>      </div>      <div class="form-group" style="padding-bottom:5px;">       <label class="col-sm-2 control-label">新密码</label>       <div class="col-sm-10">        <input type="password" name="password" class="form-control">       </div>      </div>      <div class="form-group" style="padding-bottom:5px;">       <label class="col-sm-2 control-label">确认密码</label>       <div class="col-sm-10">        <input type="password" name="password" class="form-control">       </div>      </div>     </fieldset>    </form>   </div>   <div class="modal-footer">    <button type="button" data-dismiss="modal" class="btn btn-default">关闭</button>    <button type="button" class="btn btn-primary">Save changes</button>   </div>  </div> </div></div><div id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" class="modal"> <div class="modal-dialog" style="width:600px;">  <div class="modal-content">   <div class="modal-header">    <button type="button" data-dismiss="modal" aria-hidden="true" class="close">×</button>    <h4 id="myModalLabel" class="modal-title">编辑节目特殊单</h4>   </div>   <div class="modal-body">    <form method="get" action="/" class="form-horizontal">     <fieldset>      <div class="form-group" style="padding-bottom:5px;">       <label class="col-sm-2 control-label">表单标题</label>       <div class="col-sm-10">        <input type="text" class="form-control">       </div>      </div>     </fieldset>    </form>   </div>   <div class="modal-footer">    <button type="button" data-dismiss="modal" class="btn btn-default">关闭</button>    <button type="button" class="btn btn-primary">确定</button>   </div>  </div> </div></div><!-- END modal --> <form method="post" id="pageForm" name="pageForm"    action="<%=path%>/page/message_search.action">    <input type="hidden" id="pageNo" name="pageNo" value="" />  </form><!-- START Scripts--> <!-- Main vendor Scripts--> <script src='/images/loading.gif' data-original="<%=path %>/vendor/jquery/jquery.min.js"></script> <script src='/images/loading.gif' data-original="<%=path %>/vendor/bootstrap/js/bootstrap.min.js"></script> <!-- Plugins--> <script src='/images/loading.gif' data-original="<%=path %>/vendor/chosen/chosen.jquery.min.js"></script> <script src='/images/loading.gif' data-original="<%=path %>/vendor/slider/js/bootstrap-slider.js"></script> <script src='/images/loading.gif' data-original="<%=path %>/vendor/filestyle/bootstrap-filestyle.min.js"></script> <!-- Animo--> <script src='/images/loading.gif' data-original="<%=path %>/vendor/animo/animo.min.js"></script> <!-- Sparklines--> <script src='/images/loading.gif' data-original="<%=path %>/vendor/sparklines/jquery.sparkline.min.js"></script> <!-- MomentJs and Datepicker--> <script src='/images/loading.gif' data-original="<%=path %>/vendor/moment/min/moment-with-langs.js"></script> <script src='/images/loading.gif' data-original="<%=path %>/vendor/datetimepicker/js/bootstrap-datetimepicker.min.js"></script> <!-- Slimscroll--> <script src='/images/loading.gif' data-original="<%=path %>/vendor/slimscroll/jquery.slimscroll.min.js"></script> <!-- Store + JSON--> <script src='/images/loading.gif' data-original="<%=path %>/vendor/store/store+json2.min.js"></script> <!-- ScreenFull--> <script src='/images/loading.gif' data-original="<%=path %>/vendor/screenfull/screenfull.min.js"></script> <!-- START Page Custom Script--> <!-- Data Table Scripts--> <script src='/images/loading.gif' data-original="<%=path %>/vendor/datatable/media/js/jquery.dataTables.min.js"></script> <script src='/images/loading.gif' data-original="<%=path %>/vendor/datatable/extensions/datatable-bootstrap/js/dataTables.bootstrap.js"></script> <script src='/images/loading.gif' data-original="<%=path %>/vendor/datatable/extensions/datatable-bootstrap/js/dataTables.bootstrapPagination.js"></script> <script src='/images/loading.gif' data-original="<%=path %>/vendor/datatable/extensions/ColVis/js/dataTables.colVis.min.js"></script> <!-- START Page Custom Script--> <script src='/images/loading.gif' data-original="<%=path %>/vendor/wizard/js/bwizard.min.js"></script> <!-- Form Validation--> <script src='/images/loading.gif' data-original="<%=path %>/vendor/parsley/parsley.min.js"></script> <!-- END Page Custom Script--> <!-- App Main--> <script src='/images/loading.gif' data-original="<%=path %>/app/js/app.js"></script> <script src='/images/loading.gif' data-original="<%=path %>/vendor/sweetalert/lib/sweet-alert.min.js"></script> <script src='/images/loading.gif' data-original="<%=path %>/script/message.js"></script> <script src='/images/loading.gif' data-original="<%=path %>/page/js/page.js"></script><!-- END Scripts--></body></html>

2. example.js加载的时候,再去异步请求获取页面数据(表格、分页等),再动态创建表,分页链接等

$(function(){  initTable();    $("#searchMessage").on("click",function(){    messageSearch(pageNo);  });  //获取message列表 "pageNo" : pageNo  function initTable(){    $.ajax({      url : basePath + "page/message_list.action",      type : "get",      dataType : "json",      success : function(dataMap){        createTBody(dataMap);        createTFoot(dataMap);      },      error : function(errorData){      }    });  }  //查询message  function messageSearch(pageNo){    var searchDateStart = $("#searchDateStart").val();    var searchDateEnd = $("#searchDateEnd").val();    var startDate = new Date(searchDateStart);    var endDate = new Date(searchDateEnd);    var num = endDate - startDate;    if(num<0){      $("#searchDateEnd").val('');      swal({        title: "结束日期不能晚于开始日期",        text: "",        type: "error"      });      return false;    }    var receiver = $("#receiver").val();    $.ajax({      url : basePath + "page/message_search.action",      type : "POST",      data : {        "pageNo" : pageNo,        "searchDateStart" : searchDateStart,        "searchDateEnd" : searchDateEnd,        "receiver" : receiver      },      dataType : "json",      success : function(dataMap){        createTBody(dataMap);        createTFoot(dataMap);      },      error : function(errorData){              }    });  }    function createTBody(dataMap){    if(dataMap!=null){      var messageListPage = dataMap.messageListPage;      var html = [];      for(var i=0; i<messageListPage.length; i++){        var message = messageListPage[i];        var cTime = message.createtime.replace(/T/g," ");        html.push('<tr class="gradeX center">');        html.push('<td style="text-align:left;">'+message.content+'</td>');        html.push('<td>' + message.provider + '</td>');        html.push('<td>' + message.receiver + '</td>');        html.push('<td>' + cTime + '</td>');        html.push('<td message_id=' + message.id + '><a href="#" class="message_del btn btn-danger btn-xs">&nbsp;删除&nbsp;</a></td>');        html.push('</tr>');      }      $("#message_body").empty().html(html.join(''));    }  }    function createTFoot(dataMap){    if(dataMap!=null){      startNum = dataMap.startNum;      stopNum = dataMap.stopNum;      totalCount = dataMap.totalCount;      pageNo = dataMap.pageNo;      pageSize = dataMap.pageSize;      var str = '显示 ' + startNum + '至' + stopNum + '项 , 共' + totalCount +' 项。';      $("#message_showLines").html(str);    }  }      $('#message_body').on('click','a.message_del',function(){    var message_id = $(this).parent("td").attr("message_id");    swal({      title : "确认要删除吗?",      text : "删除后将不能恢复!",      type : "warning",      showCancelButton : true,      confirmButtonColor : "#DD6B55",      confirmButtonText : "Yes, delete it!",      cancelButtonText : "No, cancel plx!",      closeOnConfirm : false,      closeOnCancel : false    }, function(isConfirm) {      if (isConfirm) {        $.ajax({          url:basePath + "page/message_del.action",          data:{            "id":message_id          },          type:"get",          dataType:"json",          success:function(dataMap){            if(dataMap!=null && dataMap.message=="success"){              swal("删除!",                  "已经成功删除.",              "success");              initTable();            }else{              swal("删除!",                  "删除失败.",              "error");            }          },          error : function(errorMsg){            swal("删除失败!",                errorMsg,            "error");          }                  });      } else {        swal("Cancelled", "Your imaginary file is safe :)",            "error");      }    });  });    $('.tcdPageCode').extendPagination({    pageId : pageNo,    totalCount : totalCount,    showPage : 5,    limit : pageSize,    callback : function(pageNo, limit, totalCount) {      messageSearch(pageNo);    }  });  });

注意: 表格是动态创建的,其中的按钮绑定事件时,一定要先找到它的父节点(或祖先节点),再到指定节点,绑定事件

如上面的  $("#serviceRepo_body").on('click','a.record_view',function(){});

分页js插件(page.js), 同时引入jquery-1.11.1.min.js 和 bootstrap.js

/** * Created by Hope on 2014/12/28. */(function ($) {  $.fn.extendPagination = function (options) {    var defaults = {      pageId:'',      totalCount: '',      showPage: '10',      limit: '5',      callback: function () {        return false;      }    };    $.extend(defaults, options || {});//    alert(defaults.pageId);    if (defaults.totalCount == '') {      //alert('总数不能为空!');      $(this).empty();      return false;    } else if (Number(defaults.totalCount) <= 0) {      //alert('总数要大于0!');      $(this).empty();      return false;    }    if (defaults.showPage == '') {      defaults.showPage = '10';    } else if (Number(defaults.showPage) <= 0)defaults.showPage = '10';    if (defaults.limit == '') {      defaults.limit = '5';    } else if (Number(defaults.limit) <= 0)defaults.limit = '5';    var totalCount = Number(defaults.totalCount), showPage = Number(defaults.showPage),      limit = Number(defaults.limit), totalPage = Math.ceil(totalCount / limit);    if (totalPage > 0) {      var html = [];      html.push(' <ul >');      html.push(' <li ><a href="#">&laquo;</a></li>');      html.push('<li ><a href="#">...</a></li>');      if (totalPage <= showPage) {        for (var i = 1; i <= totalPage; i++) {          if (i == defaults.pageId) html.push(' <li ><a href="#">' + i + '</a></li>');          else html.push(' <li><a href="#">' + i + '</a></li>');        }      } else {        for (var j = 1; j <= showPage; j++) {          if (j == defaults.pageId) html.push(' <li ><a href="#">' + j + '</a></li>');          else html.push(' <li><a href="#">' + j + '</a></li>');        }      }      html.push('<li ><a href="#">...</a></li>');      html.push('<li ><a href="#">&raquo;</a></li></ul>');      $(this).html(html.join(''));      if (totalPage > showPage) $(this).find('ul.pagination li.next').prev().removeClass('hidden');      var pageObj = $(this).find('ul.pagination'), preObj = pageObj.find('li.previous'),        currentObj = pageObj.find('li').not('.previous,.disabled,.next'),        nextObj = pageObj.find('li.next');      function loopPageElement(minPage, maxPage) {        var tempObj = preObj.next();        for (var i = minPage; i <= maxPage; i++) {          if (minPage == 1 && (preObj.next().attr('class').indexOf('hidden')) < 0)            preObj.next().addClass('hidden');          else if (minPage > 1 && (preObj.next().attr('class').indexOf('hidden')) > 0)            preObj.next().removeClass('hidden');          if (maxPage == totalPage && (nextObj.prev().attr('class').indexOf('hidden')) < 0)            nextObj.prev().addClass('hidden');          else if (maxPage < totalPage && (nextObj.prev().attr('class').indexOf('hidden')) > 0)            nextObj.prev().removeClass('hidden');          var obj = tempObj.next().find('a');          if (!isNaN(obj.html()))obj.html(i);          tempObj = tempObj.next();        }      }      function callBack(curr) {        defaults.callback(curr, defaults.limit, totalCount);      }      currentObj.click(function (event) {        event.preventDefault();        var currPage = Number($(this).find('a').html()), activeObj = pageObj.find('li[]'),          activePage = Number(activeObj.find('a').html());        if (currPage == activePage) return false;        if (totalPage > showPage) {          var maxPage = currPage, minPage = 1;          if (($(this).prev().attr('class'))            && ($(this).prev().attr('class').indexOf('disabled')) >= 0) {            minPage = currPage - 1;            maxPage = minPage + showPage - 1;            loopPageElement(minPage, maxPage);          } else if (($(this).next().attr('class'))            && ($(this).next().attr('class').indexOf('disabled')) >= 0) {            if (totalPage - currPage >= 1) maxPage = currPage + 1;            else maxPage = totalPage;            if (maxPage - showPage > 0) minPage = (maxPage - showPage) + 1;            loopPageElement(minPage, maxPage)          }                 }        activeObj.removeClass('active');        $.each(currentObj, function (index, thiz) {          if ($(thiz).find('a').html() == currPage) {            $(thiz).addClass('active');            callBack(currPage);          }        });      });      preObj.click(function (event) {        event.preventDefault();        var activeObj = pageObj.find('li[]'), activePage = Number(activeObj.find('a').html());        if (activePage <= 1) return false;        if (totalPage > showPage) {          var maxPage = activePage, minPage = 1;                   if ((activeObj.prev().prev().attr('class'))            && (activeObj.prev().prev().attr('class').indexOf('disabled')) >= 0) {            minPage = activePage - 1;            if (minPage > 1) minPage = minPage - 1;            maxPage = minPage + showPage - 1;            loopPageElement(minPage, maxPage);          }        }        $.each(currentObj, function (index, thiz) {          if ($(thiz).find('a').html() == (activePage - 1)) {            activeObj.removeClass('active');            $(thiz).addClass('active');            callBack(activePage - 1);          }        });      });      nextObj.click(function (event) {        event.preventDefault();        var activeObj = pageObj.find('li[]'), activePage = Number(activeObj.find('a').html());        if (activePage >= totalPage) return false;        if (totalPage > showPage) {          var maxPage = activePage, minPage = 1;         //          if ((activeObj.next().next().attr('class'))//            && (activeObj.next().next().attr('class').indexOf('disabled')) >= 0) {//            maxPage = activePage + 2;//            if (maxPage > totalPage) maxPage = totalPage;//            minPage = maxPage - showPage + 1;//            loopPageElement(minPage, maxPage);//          }          if ((activeObj.next().next().attr('class'))              && (activeObj.next().next().attr('class').indexOf('disabled')) >= 0) {            maxPage = activePage + 2;            if (maxPage > totalPage) maxPage = totalPage;            minPage = maxPage - showPage + 1;            loopPageElement(minPage, maxPage);          }        }        $.each(currentObj, function (index, thiz) {          if ($(thiz).find('a').html() == (activePage + 1)) {            activeObj.removeClass('active');            $(thiz).addClass('active');            callBack(activePage + 1);          }        });            });    }  };})(jQuery);

 

 

3.项目采用struts2, 返回json, 在struts中配置, 并在action中使用map来封装数据, 并添加get方法

struts.

  <package name="message" namespace="/" extends="struts-default, json-default">    <action name="message_*" class="messageAction" method="{1}">      <result name="index">/WEB-INF/jsp/message.jsp</result>      <result name="success" type="json">        <param name="root">dataMap</param>      </result>    </action>  </package>

action

package com.cdv.mediastar.action;import java.io.IOException;import java.text.ParseException;import java.text.SimpleDateFormat;import java.util.Date;import java.util.HashMap;import java.util.List;import java.util.Map;import javax.annotation.Resource;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import org.apache.log4j.Logger;import org.apache.struts2.ServletActionContext;import org.apache.struts2.json.annotations.JSON;import org.springframework.context.annotation.Scope;import org.springframework.stereotype.Controller;import com.cdv.mediastar.model.Message;import com.cdv.mediastar.service.MessageService;import com.cdv.mediastar.util.PageParameter;import com.opensymphony.xwork2.ActionSupport;@Scope("request")@Controller("messageAction")public class MessageAction extends ActionSupport {  /**   *   */  private static final long serialVersionUID = 3731009117710718470L;  private Logger logger = Logger.getLogger(MessageAction.class);  @Resource  private MessageService messageService;    Map<String, Object> dataMap = new HashMap<String, Object>();    public Map<String, Object> getDataMap() {    return dataMap;  }  public String index(){    HttpServletRequest request = ServletActionContext.getRequest();    PageParameter page = new PageParameter();    int pageNo = page.getPageNo();    int totalCount = messageService.count(null, null, null, 0);    int totalPage = totalCount%page.getPageSize()==0?totalCount/page.getPageSize():totalCount/page.getPageSize()+1;    int startNum = 1, stopNum = 1;    startNum = (pageNo-1)*page.getPageSize()+1;    if((startNum+page.getPageSize()-1)<=totalCount){      stopNum = startNum+page.getPageSize()-1;    }else{      stopNum = totalCount;    }    page.setTotalCount(totalCount);    page.setTotalPage(totalPage);    request.setAttribute("page", page);    request.setAttribute("startNum", startNum);    request.setAttribute("stopNum", stopNum);    return "index";  }    public String list(){    dataMap.clear();     PageParameter page = new PageParameter();    int s = 0, max = page.getPageSize();    List<Message> messageListPage = messageService.find(null, null, null, s, max);    int totalCount = messageService.count(null, null, null, 0);    int totalPage = totalCount%page.getPageSize()==0?totalCount/page.getPageSize():totalCount/page.getPageSize()+1;    page.setTotalCount(totalCount);    page.setTotalPage(totalPage);    int startNum = 0, stopNum = 0;    startNum = 1;    if((startNum+page.getPageSize()-1)<=totalCount){      stopNum = startNum+page.getPageSize()-1;    }else{      stopNum = totalCount;    }    dataMap.put("startNum", startNum);    dataMap.put("stopNum", stopNum);    dataMap.put("totalCount", totalCount);    dataMap.put("totalPage", totalPage);    dataMap.put("pageNo", page.getPageNo());    dataMap.put("messageListPage", messageListPage);    return "success";  }    public String del(){    dataMap.clear();    HttpServletRequest request = ServletActionContext.getRequest();    Long id = Long.parseLong(request.getParameter("id"));    int deleteFlag = messageService.delete(id);    if(deleteFlag>0){      dataMap.put("message", "success");    }else{      dataMap.put("message", "error");    }    logger.info("rocky>>>>>>>>>>>>delete message flag======"+deleteFlag);    return "success";  }    public String search() throws ParseException, IOException{    dataMap.clear();     HttpServletRequest request = ServletActionContext.getRequest();    Date from = null, to = null ;    String searchDateStart = request.getParameter("searchDateStart");    if(searchDateStart!=null && searchDateStart!="") {      from = new SimpleDateFormat("MM/dd/yyyy").parse(searchDateStart);    }    String searchDateEnd = request.getParameter("searchDateEnd");    if(searchDateEnd!=null && searchDateEnd!="") {      to = new SimpleDateFormat("MM/dd/yyyy").parse(searchDateEnd);    }    String receiver = request.getParameter("receiver");    String pageNoStr = request.getParameter("pageNo");    PageParameter page = new PageParameter();    int pageNo = page.getPageNo();    int s = 0, max = page.getPageSize();    if(pageNoStr!=null && pageNoStr!=""){      pageNo = Integer.parseInt(pageNoStr);      s = (pageNo-1)*page.getPageSize();    }    List<Message> messageListPage = messageService.find(receiver, from, to, s, max);    int totalCount = messageService.count(receiver, from, to, 0);    int totalPage = totalCount%page.getPageSize()==0?totalCount/page.getPageSize():totalCount/page.getPageSize()+1;    int startNum = 0, stopNum = 0;    startNum = (pageNo-1)*page.getPageSize()+1;    if((startNum+page.getPageSize()-1)<=totalCount){      stopNum = startNum+page.getPageSize()-1;    }else{      stopNum = totalCount;    }    dataMap.put("startNum", startNum);    dataMap.put("stopNum", stopNum);    dataMap.put("pageNo", pageNo);    dataMap.put("totalCount", totalCount);    dataMap.put("pageSize", page.getPageSize());    dataMap.put("searchDateStart", searchDateStart);    dataMap.put("searchDateEnd", searchDateEnd);    dataMap.put("receiver", receiver);    dataMap.put("messageListPage", messageListPage);    return "success";  }}

 




原标题:jsp页面 列表 展示 ajax异步实现

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

黑五、网一来临,被跟卖折磨的亚马逊卖家不容易:https://www.ikjzd.com/articles/111693
旺季来临,亚马逊卖家如何提升产品的搜索排名:https://www.ikjzd.com/articles/111694
Facebook又推出新一轮的产品更新!:https://www.ikjzd.com/articles/111696
​如何决胜旺季?全球95后消费群体不容忽视!:https://www.ikjzd.com/articles/111697
亚马逊测评返现站遭媒体曝光,获取Review的卖家该何去何从!:https://www.ikjzd.com/articles/111698
Facebook产品更新:扩大花费上限,推出搜索结果广告!:https://www.ikjzd.com/articles/111699
别犹豫了,品牌种草营销就是现在!:https://www.kjdsnews.com/a/1836479.html
安能物流的2024:变革不能停:https://www.kjdsnews.com/a/1836480.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流