当前位置: 代码迷 >> JavaScript >> jmesa整合的ajax页面
  详细解决方案

jmesa整合的ajax页面

热度:539   发布时间:2013-12-09 21:54:08.0

这个分页实际上是利用jquery来ajax请求,然后Action返回对应的html,然后客户端把html替换来完成。

核心的功能还是我们自己完成。jmesa只是把table的html标签生产吧了。

步骤:

1、

在jsp中添加如下,注意一定要有个form

<form id="samplesForm">

<div id="samples">

   ${myhtml}

</div>

</form>

Body下面添加如下脚本。

<script type="text/javascript">

function onInvokeAction(id) {  

       setExportToLimit(id, '');  

      var parameterString = $.jmesa.createParameterStringForLimit(id);

//可以看出这个就是ajax请求数据然后把对应的html置换完成的

       $.get('<%= request.getContextPath() %>/jmesa-sample-view.html?=true&' + parameterString, function(data) {

                  $("#samples").html(data)

              });

   }

</script>

2、Java代码中作如下处理:

           String = getRequest().getParameter("");

          if ( != null && ajax.equals("true")) {

           HttpServletResponse response = super.getResponse();

           response.setContentType("text/json;charset=UTF-8");

          response.setCharacterEncoding(Server.JS_ENCODING);

           response.getWriter().write(html);

              return null;

           } else { // Not using if invoke the controller for the first time.

           getRequest().setAttribute("myhtml", html);  

           }

  相关解决方案