layui 父页面打子窗口后,子窗口ajax查询数据成功后自动关闭，并将数据返回给父页面

场景：

父级页面是列表页，当父级页面点击搜索新闻时，弹出子窗口（type:2）,并在子窗口中进行关键字的输入，由ajax提交到后台模糊搜索匹配到对应的字段，ajax请求成功后并关闭当前打开的子窗口，关闭子窗口的同时将查询到的数据传递回去给父页面。

思路：（在父页面中定义方法，子页面中拿到父页面的方法，用方法的参数进行传值）

1.实现打开子窗口，子窗口的type:2,在页面中进行表单数据的获取，进行ajax请求后台查询数据。

2.后台数据请求成功后，在子窗口中通过parent.layer.getFrameIndex(window.name)和parent.layer.close(index);方法自动关闭子窗口。

3.由于子窗口关闭后只剩下父页面，父页面并不能直接拿到子窗口请求的数据，这时需要在父页面加载方法$(document).ready(function() {})之后写一个接受数据的方法。参数为子窗口要返回的数据即可。

下面是图：

1.点击蓝色圈的按钮弹出子窗口

自窗口中输入完数据进行ajax的提交查询

代码：

父级页面打开子窗口：

父级页面接收子窗口返回的数据的方法：

 

 

文章已移至订阅号中