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

原创
2017/05/11 17:59
阅读数 1W

参考资料:

http://blog.csdn.net/qq_32588349/article/details/52618450

http://www.cnblogs.com/liaoyanglong/p/6564329.html

http://m.blog.csdn.net/article/details?id=53389588

http://layer.layui.com/

http://loudev.com/#home

 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>xxxxxxx</title>

    <style>
        html {
            background-color: #E3E3E3;
            font-size: 14px;
            color: #000;
            font-family: '微软雅黑'
        }

        a, a:hover {
            text-decoration: none;
        }


        .box {
            padding: 20px;
            background-color: #fff;
            margin: 50px 100px;
            border-radius: 5px;
        }

        .box a {
            padding-right: 15px;
        }


        .button {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            line-height: 30px;
            padding: 0 20px;
            background-color: #56B4DC;
            color: #fff;
            font-size: 14px;
            border-radius: 3px;
            cursor: pointer;
            font-weight: normal;
        }

        .photos-demo img {
            width: 200px;
        }
    </style>

    <script src="http://cdn.bootcss.com/jquery/1.12.3/jquery.min.js"></script>
    <script src="layer/layer.js"></script>
</head>
<body>


<div class="box" style="text-align:center">

    <a href="javascript:;" id="xx">吊我测试</a>

    <div id="mess"></div>
</div>

<script>
    ;!function () {




//关于
        $('#xx').on('click', function () {

            layer.open({
                type: 2,
                title: '欢迎页',
                maxmin: true,
                area: ['800px', '500px'],
                content: '../samples/test.php',
                btn: ["保存", "取消"],
                yes: function (index, layero) {
                    var data = $(layero).find("iframe")[0].contentWindow.test();

                    //  var data = $("div.layui-layer-content > iframe")[0].contentWindow.test();

                    /* var body = layer.getChildFrame('body', index);
                     var iframeWin = window[layero.find('iframe')[0]['name']];//得到iframe页的窗口对象,执行iframe页的方法:
                     var data = iframeWin.test();//调用子页面的方法,得到子页面返回的ids*/

                    if (data) {
                        diy(data);
                        layer.close(index);//需要手动关闭窗口
                    }

                }
            });


        });

    }();


    function diy(data) {
        $.ajax({

            //提交数据的类型 POST GET
            type: "POST",

            //提交的网址
            url: "../samples/get.php",

            //提交的数据
            data: data,

            //返回数据的格式 "xml","html","script","json","jsonp","text"
            datatype: "json",

            //在请求之前调用的函数
            beforeSend: function () {

                //todo


            },

            //成功返回之后调用的函数
            success: function (result) {
                //todo

                console.log(result);
                $("#mess").html(result);


            }


        });
    }


</script>
</body>
</html>

 

 

<?php
/**
 * Created by 小雨在线
 * User: 飛天
 * Date: 2017/5/11 0011
 * Time: 15:16
 */
 
 
/*
 echo "<pre>";
 print_r($_POST["searchable"]);
 echo "</pre>";*/

 
$arr = $_POST["searchable"];


$str = implode(",",$arr);
 
 echo $str;
 
 
 
 
 
 
 
 
 
 

 

 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部