jsp页面点击弹出iframe弹框,并传值到后台

本文介绍了如何在jsp页面中通过点击按钮触发一个iframe弹窗,并将值传递到后台。首先,通过JavaScript或者jQuery绑定按钮事件,然后创建iframe加载目标页面,并在URL中附带参数。接着,后台接收到请求后解析参数,实现数据交互。这种方法常用于不刷新整个页面的情况下进行部分内容更新。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

首先在jsp页面按钮绑定一个函数如下:

 function openwindow(id,endDate){
                    layer.open({
                        type: 2,
                        title: false,
                        closeBtn: 0, //不显示关闭按钮
                        shade: [0],
                        id:"_layerDialog"//这里表示当前页面的ID
                        area: ['700px', '900px'],
                        //2秒后自动关闭
                        anim: 2,
                        btn: ['确定','关闭'],
                        content: ['${ctx}/superviseSum/delayOpenWindow?id='+id+'&endtime='+endDate, 'no'], //iframe的url,no代表不显示滚动条,这个路径跳到后台获取值,然后跳//到iframe弹框的页面
                        yes:function(index,layero){
                            var _layerDialog = $("#_layerDialog").find("iframe").contents();//当前页面ID去找iframe框架的内容
                            $.ajax({
                                cache: true,
                                type: "POST",
                                url:"${ctx}/superviseSum/delay"//这个路径是提交后台保存的
                                data:_layerDialog.find('#inputForm1').serialize(),// 你的formid,这里的inputForm1是指另一个页面form的ID,获取另一个jsp表单所有的值
                                async: false,
                                error: function(request) {
                                    layer.msg("审核操作失败", {time: 2000});
                                },
                                success: function(data) {
                                    if(data!=1){
                                        layer.msg("审核操作失败", {time: 2000});
                                        setTimeout(function(){
                                            window.location.href="${ctx}/superviseSum/detail?id=${superviseSum.id}";
                                        },1500)
                                    }else {
                                        layer.msg("审核操作成功", {time: 2000});
                                        setTimeout(function(){
                                            window.location.href="${ctx}/superviseSum/detail?id=${superviseSum.id}";
                                        },1500)
                                    }
                                }
                            });
                            layer.close(index);
                        },
                    })
                }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值