首先在父窗体(JSP)引用
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
下面这个是页面跳转的JS
<code>
function chooseCustomer(){
var url= "${ctx}/objection.do?method=chooseCustomer"; //转向网页的地址的Action;
var name="选择客户信息"; //网页名称,可为空;
var iWidth=950; //弹出窗口的宽度;
var iHeight=650; //弹出窗口的高度;
var iTop = (window.screen.availHeight-30-iHeight)/2; //获得窗口的垂直位置;
var iLeft = (window.screen.availWidth-10-iWidth)/2; //获得窗口的水平位置;
window.open(url,name,'height='+iHeight+',,innerHeight='+iHeight+',width='+iWidth+',innerWidth='+iWidth+',top='+iTop+',left='+iLeft+',toolbar=no,menubar=no,scrollbars=no,resizeable=no,location=no,status=no');
}
</code>
下面一个JS是从子窗体里调用的回调函数
<code>
//选择客户的回调函数
function chooseUserCallBack(productid,productname){
$("#CCustomerId").attr("value",productid); //CCustomerId 文体框的ID
$("#fourSName").attr("value",productname);
}
如:
<td width="10%" class="odd">
客户名称:
</td>
<td>
<input type="text" name="CCustomerName" id="CCustomerName" width="18%" />
</td>
</code>
好,下面我们来看下子窗体。子窗体是通过Action返回的页面
在子窗体的前面定义JS
<code>
<script type="text/javascript">
var openerWindow = window.opener;
var CGoodsStrengthId = "";
var CGoodsStrengthName = "";
function sele(id,name){
CGoodsStrengthId = id;
CGoodsStrengthName = name;
}
function checkFather(){
if(null==CGoodsStrengthId || CGoodsStrengthId==""){
alert("请先选择后再提交。");
return;
}
window.openerWindow.chooseUserCallBack(CGoodsStrengthId,CGoodsStrengthName);
window.close();
}
</script>
</code>
在单选按扭上调用sele();JS
提交的时候调用
<input onclick="checkFather();" value=" 提 交 " type="button" />
就可以了。
分享到:
相关推荐
在IT领域,jQuery和JSP(JavaServer Pages)是两种非常重要的技术,广泛应用于Web开发。本教程将探讨这两者如何结合使用实现局部动态刷新,以及如何与数据库交互以实现数据的动态更新。 jQuery是一个轻量级的...
本篇文章将深入探讨`JSP+jQuery`结合使用时实现增删改查(CRUD)操作的基本原理、流程以及它们各自的特性。 首先,`JSP`是Java的一种动态网页技术,它允许开发人员在HTML页面中嵌入Java代码,以实现服务器端的业务...
JSP 中的 Window 属性详解 JSP 中的 Window 对象是指浏览器窗口,它提供了多种操作,包括获取当前窗口的信息、控制窗口的样式、打开新的...每一个参数都是名称和值对应的形式,用逗号隔开,其中可以使用的参数如下。
用iframe、弹出子页面刷新父页面 iframe parent.location.reload(); 弹出子页面 window.opener.location.reload(); 子窗口刷新父窗口 self.window.opener.locaction.reload(); 刷新一open()方法打开的窗口 ...
本教程将详细介绍如何使用jQuery分页插件与JavaServer Pages(JSP)结合,实现一个高效的分页功能。我们将重点讨论jQuery分页插件jPagination的使用方法,以及它与JSP的集成。 首先,`jQuery`是一种轻量级的...
为了在JSP中使用jQuery,我们需要先将其引入到项目中。通常,这可以通过以下两种方式实现: 1. **外部CDN引入**:可以在JSP文件中添加一个引用到jQuery库的CDN链接。例如: ```html <script src="https://code....
8. **JSP表达式与指令**:`<%= expression %>`用于输出表达式的值,而`<jsp:include>`或`<jsp:forward>`则可以实现页面间的跳转和内容包含。 9. **Ajax交互**:jQuery的`.ajax()`方法使得我们可以实现异步数据交换...
当使用jQuery与JSP进行数据库交互时,通常会采用AJAX技术。AJAX(Asynchronous JavaScript and XML)是一种在不刷新整个页面的情况下,与服务器交换数据并更新部分网页的技术。在jQuery中,`$.ajax()`方法是最常用的...
2. jQuery通过AJAX将文件数据(通常以FormData形式)发送到服务器,可能附带其他参数如文件名、描述等。 3. JSP接收到请求后,不会直接处理文件,而是转发到对应的servlet。 4. Servlet解析请求,获取文件Part,通常...
在"testjquery"这个文件中,我们可以推测可能包含了一个简单的JSP页面,这个页面可能引入了jQuery库,并使用jQuery来实现一些交互功能。例如,JSP页面可能有以下代码片段: ```jsp ; charset=UTF-8" %> <!DOCTYPE ...
使用jQuery发送异步请求给Servlet,Servlet仍然使用JSP渲染结果,最后由JSP返回html给客户端页面,客户端页面通过jQuery直接把数据显示在页面上。这样就可以在JSP页面上继续使用类似JSTL的标签库来完成数据的显示。
【标题】:“jsp-jquery-database(jsp直接操作数据库)”这一主题主要涵盖了使用Java Server Pages(JSP)和jQuery来直接与数据库交互的技术。在Web应用开发中,JSP通常用于创建动态网页,而jQuery则是一种强大的...
要在JSP页面中使用jQuery,首先需要引入jQuery库。通常有两种方式: - 直接从CDN(内容分发网络)链接引入,如`<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>` - 或者将jQuery库下载到本地...
最近做一个JSP网页要求打开一个没有菜单工具栏的IE,想到用window.open 来打开。但是发现如果先前打开的窗体没有关掉,在打开一个窗体的时候就会在先前没有关闭的窗体上打开新的窗体,这样先前的窗口就被替换掉了。...
在"ajax jsp jquery json 简单小实例"中,我们可以预期这个项目使用jQuery来触发AJAX请求,向服务器发送或接收数据。jQuery的`.ajax()`方法是实现这一功能的主要工具,它允许我们配置请求的各个细节,如URL、类型...
本项目是一个基于J2EE的简单Web应用程序,主要使用了JSP(JavaServer Pages)、Servlet、EL(Expression Language)以及jQuery和Ajax技术,实现了对MySQL数据库的无刷新增删改操作。这个demo是初学者理解这些技术...
jsp+jquery项目中正常使用vue组件并调用接口封装的request拦截器
### window.open 打开新窗口参数设置详解 在前端开发中,`window.open()` 方法是浏览器内置的一个功能,用于在JavaScript中打开新的浏览器窗口。本文将深入探讨如何使用 `window.open()` 方法及其参数设置,帮助...
在JavaServer Pages (JSP) 中使用jQuery来实现AJAX技术是一种常见的做法,它能够使得网页无需刷新即可与服务器进行异步数据交换。本主题主要围绕以下知识点展开: 1. **JSP(JavaServer Pages)**:JSP是Java的一个...
本篇将深入讲解如何利用JSP与数据库进行连接,以及如何将数据库中的数据以表格的形式展示在JSP页面上,同时提供颜色变化的可能性。 首先,我们需要建立JSP与数据库之间的连接。这通常通过Java的JDBC(Java Database...