JQuery刷新包含页面，
参考: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表达式将无法取到值，如果需要可以将值手动设置到范围对象。
参考代码:
<%--
Document : user
Created on : Mar 9, 2011, 11:10:39 AM
Author : db2admin
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>user</title>
<script type="text/javascript" src="../jquery-1.4.2.min.js"></script>
</head>
<body>
<%@include file="../include/header.jsp" %>
<input type="button" value="submit" id="button1"/>
</body>
<script type="text/javascript">
$(document).ready(function(){
$("#button1").click(function(){
var header = $("#header").load("../include/header.jsp");
});
});
</script>
</html>
分享到：
相关推荐
实现了获取评论无刷新，发表评论无刷新，www.sendawangluo.com页面获取评论时显示loading加载效果jquery真的是一个非常优秀的JS库，简单容易掌握，对于网页中的多级菜单、级联效果、Tab选项卡切换、图片轮转显示，...
超实用的jQuery代码段精选近350个jQuery代码段，涵盖页面开发中绝大多数要点、技巧与方法，堪称史上最实用的jQuery代码参考书，可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...
阅读本章后，你也能够不用刷新页面 就可以访问服务器端的功能。 本书的第三部分会采用不同的方法，在这里你会通过几个实例来学习，汇集你上一章学过的 知识，建立健全的 jQuery 程序解决常见的问题。 在第八章中，你...
1.纯servlet+jquery局部刷新； 2.fresh 后台包含 json内容，需要json相关jar包，自行下载，不需要的可以删除； 3.有页面点击事件，初学者可以研究下； 4.QQ569317668 不喜勿喷 servlet局部刷新及json字符串 相互学习...
如果您的网站包含许多页面，并且您希望您的 jQuery 函数易于维护，那么请把您的 jQuery 函数放到独立的 .js 文件中。 当我们在教程中演示 jQuery 时，会将函数直接添加到 <head> 部分中。不过，把它们放到一个单独的...
用户登录采用模态弹出窗口，异步方式验证登录信息，不刷新页面。 用户注册，能检查用户名和密码是否为空，当用户输入用户名时可采用异步方式从数据库提取信息验证用户名是否存在，如存在则要求用户另选用户名。 ...
What isinfini scroll jquery 插件用来在页面滚动到屏幕底部时自动加载内容并追加 DOM 元素到页面底部，api接口友好，可能是你目前能找到的最简单好用的无限滚动加载插件。Live DemoInstallation包含 infini_scroll ...
ajax无刷新分页，包含完整的分页细节，如页面记录条数设置，首页尾页，上页下页，页号导航，页号跳转
3使用 ajax 无刷新页面，通过 JavaScript 获取前端值后，采用 ajax 请求到后台动作方法，后台返回值实现无刷新 网站后台 使用 JQuery 相关开源前端开发框架、layui、bootstrap、modal.js模态框、bootbox.js、 ...
汽车美容服务终端功能强大而又简便实用，界面友好而美观，让用户更好的体验度,基于jquery技术实现页面无刷新 ,可广泛适用于大型以及小型汽车美容机修等公司，包含 洗车、机修、精品、装潢、机修等 功能简介： 基础...
在页面上包含 mustache.js、underscore.js 和 livelist.js 在应用程序的 javascript/coffeescript 文件中，创建一个 livelist： javascript $(document).ready(function(){ list = new LiveList({ global: { ...
前端页面使用JSP开发，通过CSS和JavaScript分别控制页面的样式和行为，通过Ajax技术进行页面的局部刷新，同时搭配JQuery框架来提高开发效率。后端以Java为开发语言，使用SSM设计模式构建。 房屋租赁管理系统是一款...
包含通用模块的Java后台管理系统，用的都是工作中比较主流的框架 , 主要特点： - 用redis实现`shiroCache`,`shiroSession`管理, 服务器重启不会影响用户状态信息 . - 灵活的权限配置方案,可为某一角色统一配置权限...
在index主程序页面中，使用了jQuery技术实现了滑动门的效果。在网站页面设计方面，需要考虑到整体布局的简洁大气、色彩搭配是否合理和组件设计等因素。优秀的设计可以吸引用户的注意力，提高用户留存率，增加用户...
本示例需要使用的是jquery.js，jquery.form.js，demo里面包含有，你可以在文章下方进行下载。 第一步，建立前端页面index.html 此段是前端展示内容，这里需要说明的是由于input:file标签显示不太美观，所以我把它...
当请求返回时，就可以使用JavaScript和CSS来相应地更新UI，而不是刷新整个页面。最重要的是，用户甚至不知道浏览器正在与服务器通信：Web站点看起来是即时响应的。 ajax 的全称是Asynchronous JavaScript and XML...
Ajax页面无刷新 组件按需加载静态资源 内置丰富的表格常用功能 内置文件上传，无需繁琐的开发 模块市场，只需在管理页面点击鼠标即可完成插件的安装、更新和卸载等操作 环境要求 PHP >= 5.6 MySQL >= 5.0 ...
每个小部件都有一个标题，其中包含用于触发“编辑”、“删除”、“显示信息”和“刷新”操作的按钮。 flexDash 客户端应用程序负责为每个动作提供处理函数。 更具体地说，flexDash 为交互用户请求的每个动作调用...
HeTry-RequireJS-HugeDemo本项目RequireJS综合示例，包含了RequireJS的主要用法。页面不同页面演示的用法重点不一样。page1.html本页面将引用jQuery，然后...你可以在本页中不停按F5刷新页面感受下！我们使用了来做样
项目描述：包含了农产品的文章与商品，实现了用户模块、文章模块、评论留言模块、产品模块、购物车模块、订单模块 并采用了响应式后台页面设计对用户、文章、评论留言、产品、订单等进行基本的增删改查操作。 项目...