layui怎样将响应数据展示在页面_layui怎么对弹出层显示数据

2024-05-16 10:15:27

layui怎么对弹出层显示数据?下面给大家举个例子：点击查看

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=', //iframe的url，

});

}

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

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

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

修改后的代码：点击查看

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

});

}

layui怎样将响应数据展示在页面_layui怎么对弹出层显示数据相关推荐

前端框架Layui学习五：弹出层和数据表格
Layui layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,拿来即用. 一.弹出层在 layui 中使用 layer l ...
Layui 弹出层选择数据实现
实际Web项目中,下拉框仅能实现数据量少的场景,当我们添加一个商品时,我们总希望在添加选择前能看到产品的规格.图片.参数信息,那么用下拉框就显得力不从心了. 本次需求如下: 实现过程父层JS < ...
html 关闭页面回调,popup.js弹出层回调关闭
效果如下: 父页面father,弹出层页面son,点击son.html的关闭按钮,关闭弹窗.采用popup.js弹窗插件. //弹出层 var pop; function ShowIframe(){ ...
jquery 处理页面弹出层查询数据等待的操作(gif图片加载等待)
$(document).ready(function(){layer.load(0);//初始化加载,可选范围(0-9)0表示等返回结果后关闭,1-9表示自动关闭时间(s) }); 当查询结果集返回后 ...
dwz 页面上关闭dialog弹出层，navTab 界面方式。
<script type="text/javascript"> setTimeout(function(){$.pdialog.closeCurrent();}, ...
html弹出层获取填充数据,layui 弹出层回调获取弹出层数据的例子
如下所示: // 弹出楼栋负责人信息页面 layer.open({ type: 2, title:'请选择楼栋负责人', maxmin: false, area: ['60%', '80%'], of ...
layui 弹出层回调获取弹出层数据
// 弹出楼栋负责人信息页面 layer.open({ type: 2, ...
数据表格+弹出层的综合案例
json准备 persons.json {"code": 0,"msg": "","count": 101," ...
layui弹出层第一次打开不居中，第二次才居中
最近在做一个帮助文档,想做一个点击图片放大的功能,于是使用layui的弹出层,代码如下 /* 打开弹出层*/ function openLayer(imgUrl) {var imgUrl = imgU ...

最新文章

热门文章