jQuery刷新包含的页面

时间:2023-03-09 05:11:20
jQuery刷新包含的<jsp:include>页面

JQuery刷新包含页面,以下两种形式均可:

<%@include file="../include/header.jsp" %> 
 <jsp:include page="../include/header.jsp"></jsp:include>

参考:http://designgala.com/how-to-refresh-div-using-jquery/

我们的页面一般包含几个页面,每个页面都是一个JSP,当我们用Jquery 向后台提交数据后,根据结果想刷新某一页面如(header.jsp),则可用 Jquery的 Div的load 方法:

$("#divName").load(url, data, callback);url为要刷新的子页面.



注意: Struts2 的Action设置返回类型为Json时其属性值在页面用ognl表达式将无法取到值,如果需要可以将值手动设置到范围对象。



参考代码:

  1. <body>
  2. <%@include file="../include/header.jsp" %>
  3. <input type="button" value="submit" id="button1"/>
  4. </body>
  5. <script type="text/javascript">
  6. $(document).ready(function(){
  7. $("#button1").click(function(){  //点击事件
  8. $("#header").load("../include/header.jsp");  //重新加载包含的jsp页面
  9. });
  10. });
  11. </script>