当前位置: 首页 > 编程笔记 >

Layer弹出层动态获取数据的方法

林辰钊
2023-03-14
本文向大家介绍Layer弹出层动态获取数据的方法,包括了Layer弹出层动态获取数据的方法的使用技巧和注意事项,需要的朋友参考一下

前一阵子做了一个简单的小项目,用到了Layer弹出层(弹出层的用法就不多加赘述了,官网上都有详细的介绍,这里附上网址http://layer.layui.com/),当时前后台合页面的时候就出现了一个问题,弹出层总是获取不到数据,不过后面还是和同学们一起解决了,希望能帮助到大家。

之前的代码:

<a id="func11" onclick="func11();">点击查看</a>
function func11() {
  console.log($.cookie("id"));
  //iframe窗
  layer.open({
   type: 2,
   title: false,
   shade: [0.5],
   title: '商品简介',
   shadeClose: true,
   shade: 0.5,
   skin:'demo-class',
   maxmin: true, //开启最大化最小化按钮
   area: ['1000px', '660px'],
   shift: 2,
   content: 'product.jsp?id=<%=rs.getInt(“id”)%>', //iframe的url,
  });
}

错误:id号传不过去,页面跳转之后接收的id不正确,所以显示的页面不正确。

错误原因:变量的作用域有问题。在上面的rs不能传到func11()方法里面,所以传递的参数有问题。

解决方法:在func11()函数中添加一个参数,将id这个参数在点击事件里添加进去。

修改后的代码:

<a id="func11" onclick="func11(<%=rs.getInt(“id”)%>);">点击查看</a>
function func11(x) {
  $.cookie("id",x);
  console.log($.cookie("id"))
  //iframe窗
  layer.open({
   type: 2,
   title: false,
   shade: [0.5],
   title: '商品简介',
   shadeClose: true,
   shade: 0.5,
   skin:'demo-class',
   maxmin: true, //开启最大化最小化按钮
   area: ['1000px', '660px'],
   shift: 2,
   content: 'product.jsp?id=' + $.cookie("id"), //iframe的url
  });
 }

以上这篇Layer弹出层动态获取数据的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍layer插件实现在弹出层中弹出一警告提示并关闭弹出层的方法,包括了layer插件实现在弹出层中弹出一警告提示并关闭弹出层的方法的使用技巧和注意事项,需要的朋友参考一下 昨天layer插件弹出层关闭问题弄的我直挠头,短短几行代码,用了我将近2个钟头才解决。我的使用场景是这样。在页面中用layer.open弹出一个层,在层内是微信支付二维码,客户扫码支付。支付成功后关闭此弹出层,并提示

  • 本文向大家介绍layer弹出层倒计时关闭的实现方法,包括了layer弹出层倒计时关闭的实现方法的使用技巧和注意事项,需要的朋友参考一下 因为官方没有提供,只能自己实现了,包括按钮倒计时和标题倒计时,标题倒计时在注释部分: 以上这篇layer弹出层倒计时关闭的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 本文向大家介绍layer实现弹出层自动调节位置,包括了layer实现弹出层自动调节位置的使用技巧和注意事项,需要的朋友参考一下 项目中有弹出层的内容是不固定的,根据情况可能变长变短,于是就要求做layer弹出层的大小自适应,查询了api后发现 layer.iframeAuto方法可以实现,这里吐槽一点,ie浏览器的html没有被body撑大,而iframeAuto方法是根据html的高度计算的,导

  • 本文向大家介绍layer弹出框确定前验证:弹出消息框的方法(弹出两个layer),包括了layer弹出框确定前验证:弹出消息框的方法(弹出两个layer)的使用技巧和注意事项,需要的朋友参考一下 layer 弹出框中经常遇到要弹出表单进行修改数据, 因此在弹出框中的表单需要验证数据, 就需要在弹出一个layer, 默认的设置会自动关闭原来的layer, 解决办法如下: type参数: 0(信息框,

  • 本文向大家介绍layer 关闭指定弹出层的例子,包括了layer 关闭指定弹出层的例子的使用技巧和注意事项,需要的朋友参考一下 首先,弹出某个层时需要给层取名(赋值),如: 需要关闭指定的弹出层时,直接: 如果在弹出层中写js,将弹出层自身关闭,可以先获取到弹出层名字,再将其关闭 以上这篇layer 关闭指定弹出层的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教

  • 本文向大家介绍ajax动态获取数据库中的数据方法,包括了ajax动态获取数据库中的数据方法的使用技巧和注意事项,需要的朋友参考一下 今天看到有人在问答上问怎样去动态取值附在option上,本来想解决的,但我发现。。。。没有,我本来也笨,记不住,所以还是写一下,让大家可以看一下: 首先我这用的框架是SSM,代码就开始了: 这是写在前台的方法里一个点击事件进入方法里我就不写那么麻烦了直接ajax部分代