layer.open弹框打开html内容并调用接口显示数据

weixin_43991257

已于 2022-10-27 14:30:41 修改

阅读量1.9k

点赞数

分类专栏： layui 文章标签： javascript 开发语言 ecmascript

于 2022-10-27 14:30:25 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_43991257/article/details/127551805

版权

这篇博客介绍了如何利用JavaScript的layer.open方法打开一个HTML弹框，并在其中调用接口来显示数据。通过在open.html中接收参数并执行接口请求，实现了数据的动态展示。

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

打开弹框代码如下：
在这里插入图片描述

function toEditData() {
   
    var id = $(this).data("id");
    parent.layer.open({
   //parent表示打开二级弹框
        type: 2,
        title:

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_43991257

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

【layui】修改页面layer.open弹出层给子页面标签赋值

德仔

03-18

2186

修改页面layer.open弹出层给子页面标签赋值欢迎使用Markdown编辑器欢迎使用Markdown编辑器 //监听工具条 table.on('tool(auth-table)', function (obj) { var data = obj.data; var layEvent = obj.event; if (layEvent === 'edit') {

layui怎样将响应数据展示在页面_layui给layer弹出层如何传值？

weixin_39787594的博客

12-22

958

使用layui框架时，在点击表格中的按钮时，显示当前行的信息至layer弹出层.在点击查看或者编辑按钮时，会有一个弹出框我这里用的是layui的外链页面的形式引入的页面这种方式，引入页面后，浏览器加载，直接将这个外链的弹窗解释称iframe了现在我需要将点击的那一行的每个信息展示在弹窗中，这就涉及到传参之前有看layui的文档，layer.getChildFrame(selector, index...

参与评论您还未登录，请先登录后发表或查看评论

layer.open组件获取弹出层页面变量、函数的实例

10-16

今天小编就为大家分享一篇layer.open组件获取弹出层页面变量、函数的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

layer.open打开一个HTML页面的窗口和传值

热门推荐

pure_mind的博客

07-15

2万+

layer.open({ type: 2,//类型 title: ’ ',//窗口名字 maxmin: true, shadeClose: false,//点击遮罩不关闭层 area: [‘100%’, ‘100%’],//定义宽和高 content: basePath+‘tasklist/distributionNetwork.html’,//打开的内容 success: function...

layer.open再次渲染html，子页面调用在父页面打开弹出层，渲染html

u011511086的专栏

11-03

4003

layer.open再次渲染html，子页面调用在父页面打开弹出层，渲染html

layer open 打开窗口用法

wobengkui的专栏

12-28

3237

layer打开窗口的用法

layer.open弹页面

臭小子的博客

03-17

2931

layer.open主要是用来弹出来一个iframe弹窗，然后用来展示数据也行，用来修改也行，这次记录的主要是展示，展示我想要展示的数据，我需要的页面 layer.open({ type: 1, title: '账户信息详情', shadeClose: true, shade: false, maxmin: true, //开启最大化最小化按钮 ...

获取layer.open弹出层的返回值方法

10-18

首先，`layer.open`是一个用于创建弹出层的API，它的参数可以配置弹出层的类型、标题、遮罩、面积、内容等。例如： ```javascript layer.open({ type: 2, // 2表示弹出一个iframe页面 title: "设置围栏", ...

layer.open回调获取弹出层参数的实现方法

10-16

在这个例子中，`layer.open` 初始化了一个弹出层，内容为 `/node/torenamenode` URL，并传入了 `nodeName` 参数。当用户点击“确定”按钮时，会触发 `yes` 回调函数。在这个回调中，我们首先通过 `window["layui-...

layer.open弹框右上角关闭按钮失效

最新发布

03-09

根据提供的引用内容，layer.open弹框右上角关闭按钮失效的问题可能是由于按钮被添加了禁用样式导致的[^1]。为了解决这个问题，可以尝试以下方法： 1. 检查禁用样式的添加：确认代码中是否正确添加了禁用样式。可以...

layui的模态框打开一个新的页面layer.open

xiaoyun888_的博客

01-19

2292

使用 layer.open() 方法结合 layer.load() 实现加载动画效果。当用户在 layer.open() 中点击确定后，关闭当前弹窗并显示加载动画，同时执行其他指定的方法。

weixin_42064877的博客

08-01

7708

电脑练习打字软件_KeyBlaze for mac(专业打字练习软件)

weixin_39945789的博客

10-20

451

想要快速提高打字的速度吗？KeyBlaze for mac版,是MacOS上一款专业打字练习软件，用简单有趣的方式来提高你的打字技巧，让你快速掌握技巧，提高打字速度。KeyBlaze for mac(专业打字练习软件)www.macdown.comKeyBlaze for mac版软件介绍KeyBlaze是一种简单，有趣且有效的方法，可帮助您学习如何打字或提高打字技能。它从关于主页键和相邻键的基...

vue中使用layer.open打开组件

wenbow_0619的博客

01-12

1154

router文件中的index.js中写入对应路径。对应点击事件触发方法。

2022-04-09 工作记录--LayUI-layer.open()打开比父页面大的子页面

weixin_48850734的博客

04-09

2037

LayUI-layer.open()打开比父页面大的子页面

layui-layer.open打开新页面进行数据处理，处理完成后数据表格重载问题

qq_41198697的博客

01-17

4646

layui，layui数据表格，数据重载

Layui-open 打开一个新页面

小白菜

12-20

7510

edit: function () { var _this = this; var index = layui.layer.open({ skin:'', type : 2, maxmin: true, area...

html弹窗中的layer,ModalLayer弹窗控件(原创)

weixin_31272749的博客

06-17

602

插件描述：原生JS编写的弹窗控件ModalLayer，使用了ES6的一些新特性.更新时间：2020-01-07 00:27:13简介由原生JS编写的一套弹窗控件, 写的可能不是很好, 可能会尝试一些之前没用使用过的技术(小白鼠?), 会尽力完善的.之后的视频层打算使用video.js实现.对调用不太清楚的可以看一下示例页面, 就酱~~~注意: option中声明方法时如果使用箭头函数则无法正确绑定...

layer弹html文件,layer弹出示例

weixin_42476888的博客

06-15

1698

layer-更懂你的web弹窗解决方案html{background-color:#E3E3E3; font-size:14px; color:#000; font-family:'微软雅黑'}a,a:hover{ text-decoration:none;}pre{font-family:'微软雅黑'}.box{padding:20px; background-color:#fff; margi...