场景:
父级页面是列表页,当父级页面点击搜索新闻时,弹出子窗口(type:2),并在子窗口中进行关键字的输入,由ajax提交到后台模糊搜索匹配到对应的字段,ajax请求成功后并关闭当前打开的子窗口,关闭子窗口的同时将查询到的数据传递回去给父页面。
思路:(在父页面中定义方法,子页面中拿到父页面的方法,用方法的参数进行传值)
1.实现打开子窗口,子窗口的type:2,在页面中进行表单数据的获取,进行ajax请求后台查询数据。
2.后台数据请求成功后,在子窗口中通过parent.layer.getFrameIndex(window.name)和parent.layer.close(index);方法自动关闭子窗口。
3.由于子窗口关闭后只剩下父页面,父页面并不能直接拿到子窗口请求的数据,这时需要在父页面加载方法$(document).ready(function() {})之后写一个接受数据的方法。参数为子窗口要返回的数据即可。
下面是图:
1.点击蓝色圈的按钮弹出子窗口
自窗口中输入完数据进行ajax的提交查询
代码:
父级页面打开子窗口:
父级页面接收子窗口返回的数据的方法:
文章已移至订阅号中