Layui弹窗打开后立即发起Ajax请求有三种方式：一是在layer.open的success回调中执行；二是在type:2子页面中通过DOMContentLoaded或直接写Ajax；三是在父页通过data-auto-load属性配合setTimeout延迟查找容器并请求。

需要在Layui弹窗打开后立刻发起一次Ajax请求，比如加载初始数据、校验权限或预取表单选项，不能等用户点击任何按钮才触发。

使用layer.open的success回调发起请求

第一步：调用layer.open时，在success配置项中写入$.ajax或layui.ajax调用。

第二步：确保success函数接收两个参数layero（弹层DOM对象）和index（弹层索引），Ajax请求逻辑写在函数体内即可立即执行。

第三步：注意success回调只在弹层完全渲染并插入DOM后触发，此时所有元素可安全操作；若请求需依赖弹层内某个输入框的值，该值此时还为空——因为用户尚未输入，必须按需处理默认值或跳过校验。

这一步操作起来很简单，直接把文件拖进去就行。

用type:2 iframe子页面自主发起请求

方法一：在子页面HTML的<script>&#26631;&#31614;&#20013;&#30452;&#25509;&#20889;$.ajax&#65292;&#39029;&#38754;&#21152;&#36733;&#23436;&#25104;&#21363;&#25191;&#34892;&#12290;</script>

深蓝色网站后台管理系统layui框架模板-AdminPro

一款深蓝色网站后台管理系统layui框架模板

下载

方法二：在子页面中监听DOMContentLoaded事件，再发起请求，避免因DOM未就绪导致选择器失败。

【子页面必须显式引入jQuery和layer.js，否则$.ajax或layer.msg会报错】

通过传递参数控制父页主动请求

第一步：调用layer.open时，在content字段传入一个空容器，例如

，同时设置属性data-auto-load="true"。

第二步：在layer.open之后紧跟一段代码，用setTimeout延迟10ms，再根据data-auto-load属性判断是否需发起请求。

第三步：用layero.find('#data-container')定位容器，将Ajax返回的HTML或JSON渲染进去。延迟是为了避开Layui内部重绘队列，否则find可能找不到元素。