继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

php与前端(四): 弹出框layer 的使用

有肌肉的coder
关注TA
已关注
手记 8
粉丝 12
获赞 161

一:引入插件文件

    <script src="__STATIC__/dialog/layer.js"></script>
    <script src="__STATIC__/dialog.js"></script>

二:定义php返回数据格式函数

function show($status, $message, $data=array()){
    $result = array(
        'status' => $status,
        'message' => $message,
        'data' => $data
    );
    exit(json_encode($result));

三:定义一些dialog.js

var dialog = {
    // 错误弹出层
    error: function(message) {
        layer.open({
            content:message,
            icon:2,
            title : '错误提示',
        });
    },

    //成功弹出层
    success : function(message,url) {
        layer.open({
            content : message,
            icon : 1,
            yes : function(){
                location.href=url;
            },
        });
    },

    // 确认弹出层
    confirm : function(message, url) {
        layer.open({
            content : message,
            icon:3,
            btn : ['是','否'],
            yes : function(){
                location.href=url;
            },
        });
    },

    //无需跳转到指定页面的确认弹出层
    toconfirm : function(message) {
        layer.open({
            content : message,
            icon:3,
            btn : ['确定'],
        });
    },
}

四:调用

    return dialog.error('失败');
打开App,阅读手记
2人推荐
发表评论
随时随地看视频慕课网APP

热门评论

我记得有一个关于thinkPHP实战开发的项目中 讲到了layer用法  为什么我找不到哪个视频了

查看全部评论