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>
分享到：
相关推荐
**jQuery 实现页面局部刷新详解** 在Web开发中，页面刷新是常见的操作，但全局刷新会导致整个页面重新加载，这可能会浪费用户的时间和流量。为了提高用户体验，我们常常需要实现页面局部刷新，即只更新页面中特定...
"jQuery刷新页面数字动画特效"是一个利用JavaScript库jQuery实现的一种特定的动态效果，它主要用于在页面加载或更新时，以动画形式展示数字变化的过程，比如统计数据的增加、评分的显示等。这种特效能够使原本静态的...
在IT领域，尤其是在Web开发中，"jquery弹出层不关闭 父页面刷新"是一个常见的交互需求。这里，我们主要讨论如何使用jQuery实现这样的功能，即在一个弹出层（通常是一个模态对话框）显示时，用户可以操作父页面而不会...
在使用框架时，如果需要刷新包含当前框架的父页面，而不是整个浏览器窗口，可以使用此方法。 3. 刷新父窗口页面，使用以下代码： ```javascript opener.location.reload(); ``` 在弹出新窗口时，如果你需要刷新弹...
然而，当遇到"jQueryPost页面不能刷新"的问题时，这通常意味着在使用`$.post`函数时存在错误，导致页面无法正常刷新或数据更新不成功。根据提供的描述和部分代码，我们可以分析并解决这个问题。 首先，让我们看看...
这两个特性能够提供流畅的用户体验，使得用户可以轻松地查看更多的信息，而无需手动滚动到页面顶部或底部进行刷新。在jQuery和iScroll库的帮助下，开发者可以轻松实现这些功能。 jQuery是一个轻量级的JavaScript库...
本示例“Jquery即时页面刷新过滤器”旨在展示如何利用jQuery实现在表格中进行实时搜索过滤，提高用户体验。这个功能常见于数据量较大，需要用户快速查找特定信息的场景。 首先，我们需要理解jQuery的选择器。选择器...
在网页开发中，为了提供更好的用户体验，页面无...总的来说，jQuery和JSON的结合为实现页面无刷新分页提供了一种高效且灵活的解决方案。通过理解这个过程并熟练运用相关工具，开发者可以构建出更加流畅的Web应用程序。
在提供的压缩包`jQuery-File-Upload-8.7.1`中，包含了该插件的源码、文档和示例，可以帮助开发者快速上手。 总的来说，jQuery无刷新上传技术结合了jQuery的易用性和Ajax的异步特性，极大地提升了文件上传的用户体验...
假设我们有一个页面，其中包含一个ID为`content`的`<div>`元素，我们需要让这个元素每隔5秒刷新一次，显示最新的数据。可以通过以下步骤实现： - **第一步**：确保页面中引入了jQuery库。 - **第二步**：编写...
**jQuery无刷新分页排序**是一种高效的网页交互技术，它结合了Ajax和jQuery库的优势，为用户提供了流畅的浏览体验，无需每次操作都重新加载整个页面。这种技术在大数据量的展示场景中尤为常见，如在线表格、论坛、...
标题 "jquery往上拖动刷新页面代码下载.zip" 暗示了这个压缩包包含了一个使用jQuery实现的上拉刷新页面的代码示例。在现代网页应用中，这种功能常见于移动端，用户可以通过向上滑动屏幕来加载更多内容或刷新当前页面...
在压缩包中的`jqueryShuaxin`文件可能包含了实现这些功能的jQuery插件或示例代码。这些代码通常会提供预定义的事件、配置选项和方法，以便更方便地集成到你的项目中。 总的来说，使用jQuery实现上拉和下拉刷新是一...
这个资源包含了一种利用jQuery库和CSS3技术实现的加载动画效果，当用户点击刷新页面按钮时，会显示一个加载图标，以视觉方式告知用户页面正在更新内容。 首先，jQuery是一个广泛使用的JavaScript库，它简化了DOM...
"jquery无刷新父级菜单切换"是一个常见的需求，它旨在提供一种高效、流畅的用户体验，让用户在浏览网站时无需等待页面完全刷新就能切换不同的父级菜单项。这种技术常用于构建响应式和动态的Web应用，使得菜单的展开...
**jQuery 下拉刷新插件详解** 在Web开发中，为了提供与移动应用类似的用户体验，下拉刷新功能变得越来越常见。这种交互方式允许用户通过在页面顶部或底部向下拉动来加载新的内容，通常用于社交媒体、新闻聚合等实时...
在这个特定的场景中，我们讨论的是一个jQuery实现的无刷新分页插件，它允许用户在不重新加载整个页面的情况下浏览多页内容，提高用户体验。 这个插件的设计理念是通过Ajax技术实现页面的无刷新翻页。Ajax...
4. **AJAX交互**：如果模版支持，可能会使用AJAX进行无刷新登录，提高页面的流畅度和交互感。 **文件结构** `jqueryzcdl`压缩包内可能包含以下文件： 1. `index.html`：主页面文件，包含HTML结构和内联JavaScript...
- 购物车页面通常包含商品列表，每个商品项包括图片、名称、价格、数量选择器和删除按钮。 - 商品列表的每一项需要有唯一的ID或类名以便JavaScript操作。 - 结算区域应有总计、优惠、应付金额等信息的显示区域。 ...
而jQuery无刷新分页则通过Ajax技术实现，只请求和更新必要的数据，保持页面状态的同时快速显示新内容。 要实现jQuery无刷新分页，我们需要以下关键步骤： 1. **HTML结构**：首先，我们需要创建一个基本的HTML结构...