`
jxdiamond
  • 浏览: 105081 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

利用Jquery ajax刷新子窗口页面内容

 
阅读更多
在页面a.jsp中利用Jquery Easyui弹出一个窗口projectdir,里面包含一个页面b.jsp,在对b.jsp进行操作后,希望刷新b.jsp的内容,那么可以在b.jsp页面利用ajax提交获取返回页面,然后在ajax脚本的success函数中加入$("#projectdir").html(response);详细脚本如下:
	<script type="text/javascript">
		 $(function() {
			 $('#projectdir').window({  
			 	title:'指定项目工程目录',
			    width:680,  
			    height:400,
			    closed: true,
			    href: 'fileAction!connect',
			    modal:true  
			}); 
		 
		 })
		 
		 function enter(val) {
      	        $.ajax({
					url : 'fileAction!connect',
					data : {
						dir :val
					},
					dataType: "html",
					type:'post',
					contentType: "application/x-www-form-urlencoded; charset=utf-8", 
					cache : false,
					success : function(response) {
						$("#projectdir").html(response);
											}
				});
	              
	        }
		</script>

a.jsp主要内容
<a href="javascript:void(0)" 
onclick="$('#projectdir').window('open')">浏览</a>
<div id="projectdir">
</div>

然后在b.jsp页面中调用enter函数即可。
分享到:
评论

相关推荐

    子窗口与父窗口刷新

    在Java Web开发中,"子窗口与父窗口...以上就是关于"子窗口与父窗口刷新",以及如何利用AJAX实现这一功能的详细介绍。在开发过程中,熟练掌握AJAX和JavaScript与Java JSP的交互,对于提升Web应用的用户体验至关重要。

    jsp与javascript配合,父窗口与子窗口之间刷新

    本示例探讨的是如何将JSP与JavaScript结合,实现父窗口与子窗口之间的数据通信及页面刷新功能,特别涉及了Ajax查询数据和表格渲染。以下是关于这些知识点的详细解释: 1. **JSP(JavaServer Pages)**:JSP是一种...

    在同一个页面父窗口打开子窗口

    总的来说,"在同一个页面父窗口打开子窗口"结合动态无刷新提交,利用jQuery的Ajax功能,可以创建出高效且用户体验优良的Web应用。同时,考虑到不同浏览器的兼容性,使得这些功能能够在更广泛的用户群中得到应用。...

    一个采用AJAX (ASP.NET 2.0)实现子窗体关闭父窗体异步刷新程序例子

    此例子"一个采用AJAX (ASP.NET 2.0)实现子窗体关闭父窗体异步刷新程序"就是针对这一目标设计的,它探讨了如何在ASP.NET 2.0环境中通过AJAX技术实现在子窗口关闭时,条件性地刷新父窗口的部分内容。 首先,我们需要...

    在html页面中弹出子页面效果

    - 在Struts2或Spring MVC中,可以使用AJAX技术来实现无刷新加载子页面,比如使用jQuery的`$.ajax`或`$.get`方法。 - 使用前端框架如React、Vue或Angular,它们提供了更强大的组件化能力,可以方便地构建模态框或弹...

    Ajax示例,父子窗体传

    通过合理的编程和利用Ajax的异步特性,我们可以实现在不刷新页面的情况下进行高效的交互,提高用户体验。在实际项目中,还可以结合其他技术,如jQuery、Vue.js等,简化Ajax的使用,让开发更高效。

    js+ajax+jquery笔记

    - **基本概念**:Ajax允许网页在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容,实现异步通信。 - **使用方法**:Ajax的核心是XMLHttpRequest对象,通过创建该对象,设置请求参数,发送HTTP请求,并...

    Jquery弹出窗口,带例子参数说明 非常好用

    本篇文章将深入探讨 jQuery 中的弹出窗口功能,以及如何利用 AJAX 进行数据异步加载。我们将通过实例和参数说明来详细解释这一过程。 首先,jQuery 提供了多种弹出窗口的实现方式,如 `alert()`, `confirm()`, 和 `...

    关闭模态对话框,刷新父窗口,异步上传文件

    刷新父窗口通常用于更新父页面的数据,当子页面(如模态对话框)完成特定操作后。在JavaScript中,`window.location.reload()`方法可以用来刷新当前页面。如果模态对话框是嵌入在一个框架或者弹出窗口中,可能需要对...

    ajax 弹出信息框(取数据库资源)及登陆

    1. **兼容性**:虽然现代浏览器普遍支持Ajax,但要考虑到老版本浏览器,可以使用jQuery或其他库来提供跨浏览器的支持。 2. **安全与隐私**:Ajax请求应遵循同源策略,避免跨域问题。同时,敏感信息如密码应加密后再...

    js_ajax_jquery笔记.docx

    Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个页面的情况下与服务器交换数据并更新部分网页的技术。它通过JavaScript实现局部刷新,提高了用户体验,减少了网络带宽的消耗。Ajax的核心是...

    超实用的jQuery代码段

    超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...

    jquery弹出层

    子窗口关闭时,其`name`属性中的内容会保留,即使父窗口刷新也不会丢失。 ```javascript // 父窗口 var childWindow = window.open('child.html', 'childName'); // 子窗口 window.name = '传递的数据'; ``` ...

    Ajax流行应用源代码

    利用Ajax,我们可以实现动态加载子菜单,减少首次页面加载的数据量,提高加载速度。当用户展开父菜单时,Ajax向服务器请求子菜单数据,服务器返回后,使用JavaScript动态创建和渲染菜单结构。jQuery的$.getJSON或$....

    JavaScript+jQuery网页特效设计实例教程源码

    9. **AJAX交互**:无刷新地更新页面内容,如异步加载数据,使用 jQuery 的 `$.ajax()` 或者 `$.get()`、`$.post()` 方法。 10. **响应式设计**:利用 jQuery 调整布局和元素大小,适应不同设备和屏幕尺寸,可能结合...

    Jquery Mdi 界面

    在jQuery Mdi中,jQuery的这些特性被用来动态创建和管理IFrame,使用户可以在一个页面中打开和操作多个子页面。 关于IFrame(Inline Frame),它是HTML的一个元素,允许在一个HTML文档中嵌入另一个HTML文档。在MDI...

    淘宝天猫商品分类导航Jquery插件

    `$.ajax()`或`$.getJSON()`等函数可以实现后台数据的动态获取,这样用户无需等待整个页面刷新就能看到新的分类内容。 5. **响应式设计**:考虑到不同设备的屏幕尺寸,好的插件应具备响应式布局,以适应手机、平板和...

    jquery 实例完整例子

    这些方法使得无需刷新页面即可更新内容,提升用户体验。 至于"Ext模拟Windows桌面"这个文件,可能是指使用jQuery或相关的扩展库(如jQuery UI)来创建一个类似于Windows操作系统桌面的界面。这通常涉及到窗口拖放...

    50个JQUERY的DEMO

    5. **Ajax交互**:jQuery的`$.ajax()`函数是进行异步数据交互的基础,`getJSON()`和`getScript()`分别用于获取JSON数据和JavaScript脚本,`load()`则用于加载远程HTML内容。 6. **遍历和过滤**:`each()`函数遍历...

    ajax窗口提示,背景透明

    Ajax(Asynchronous JavaScript and XML)技术被用于实现这种非阻塞式的交互,而背景透明则是为了突出提示窗口,使用户能够看到并理解提示内容与页面原有内容之间的关系。 首先,我们需要了解Ajax的基本概念。Ajax...

Global site tag (gtag.js) - Google Analytics