JSP从父页面传递参数给子页面

博客介绍了将父页面(groupFeeEdit.jsp)表单参数提交到子页面(schemeFrame.jsp),再由子页面传递给后台的业务。父页面保存方案时弹出子页面填名称,二者信息一并提交后台存入数据库。还提及父页面点击弹窗的JS代码及子页面接收参数传后台,强调获取父页面多选框信息需单独处理。

将父页面表单填写的参数提交到子页面中,再由子页面传递给后台

父页面为groupFeeEdit.jsp
子页面为schemeFrame.jsp

业务为:父页面需要保存一个方案,弹出子页面来填写方案的名称,
然后将父页面填写的表单以及子页面填写的方案名称一并提交到后台处理,并存入数据库

父页面的点击后弹窗的JS代码

  //选择方案
        			function chooseScheme(){
                   		//弹出层
        				layer.open({
        				    type: 2,//2是弹出iframe
        				    title: false,
        				    area: ['500px', '200px'],
        				    shade : 0.5,
        				    content: '<%=basePath%>/dorm/groupFee/chooseScheme.jsp',
        				    cancel: function(index, layero){ //右上角关闭按钮触发的回调 该回调携带两个参数,分别为:当前层索引参数(index)、当前层的DOM对象(layero),默认会自动触发关闭。如果不想关闭,return false即可
        			    		  layer.close(index);
        			    	 	  return false; 
        			    	},
        		    	  	success: function(layero, index){// 层弹出后的成功回调方法 当你需要在层创建完毕时即执行一些语句,可以通过该回调。success会携带两个参数,分别是当前层DOM当前层索引
        		    		},
        				    end: function(){//层销毁后触发的回调 无论是确认还是取消,只要层被销毁了,end都会执行,不携带任何参数。
        				      close();
        				    }
        				  });
        			}

子页面中用于接受父页面的参数,并且将数据传递到后台

比较重要的是获取父页面表单的多选框的信息,需要单独做处理

function saveScheme(){
			//获取父页面表单提交中的参数
			var billType = parent.$("#billType").val();
			var itemName = parent.$("#itemName").val();
			var moneyType = parent.$("#moneyType").val();
			var remark = parent.$("#remark").val();
			var makeBillCompNameStr = parent.$("#makeBillCompNameStr").val();
			var makeBillCompNoStr = parent.$("#makeBillCompNoStr").val();
			var receiveCompName = parent.$("#receiveCompName").val();
			var receiveCompNo = parent.$("#receiveCompNo").val();
			var payCompNameStr = parent.$("#payCompNameStr").val();
			var payCompNoStr = parent.$("#payCompNoStr").val();
			var borrowCompNameStr = parent.$("#borrowCompNameStr").val();
			var borrowCompNoStr = parent.$("#borrowCompNoStr").val();
			var areaIdStr = parent.$("#areaIdStr").val();
			var schemeName = $("#schemeName").val();
			
			//获取父页面中input标签中,name=areaSelect的值
			parent.$("input[name=areaSelect]").each(function() {  
              if($(this).attr("checked")){//获取到已选中的值
             	 areaIdStr+=$(this).val();
              }
            }); 
            
			var loadIndex = dormLoading();
			$.ajax({
			url : '<%=basePath%>/dorm/groupFee/saveScheme.spring',
			type: 'post',
			data : {
					"billType":billType,
					"itemName":itemName,
					"moneyType":moneyType,
					"remark":remark,
					"makeBillCompNameStr":makeBillCompNameStr,
					"makeBillCompNoStr":makeBillCompNoStr,
					"receiveCompName":receiveCompName,
					"receiveCompNo":receiveCompNo,
					"payCompNameStr":payCompNameStr,
					"payCompNoStr":payCompNoStr,
					"borrowCompNameStr":borrowCompNameStr,
					"borrowCompNoStr":borrowCompNoStr,
					"areaIdStr":areaIdStr,
					"schemeName":schemeName
					},
			dataType : 'json',
			success : function(data){
				//关闭加载层
				dormLoadingClose(loadIndex);
				if(data.rtn == 'ok'){
					dormSuccessMsg('操作成功!',back);
				}
				if(data.rtn == 'checkNull'){
					dormAlert('方案名称不能为空!');
				}
				if(data.rtn == 'checkRepeat'){
					dormAlert('该方案名称已经存在!');
					
				}
				
			},error : function(){
				dormLoadingClose(loadIndex);
				dormAlert("网络繁忙,请稍后继续...!");
				$("#btnSave").attr("disabled",false);
				$("#btnBack").attr("disabled",false);
				return false;	
			}
			});
		}
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值