主页 > 知识库 > thinkPHP框架中layer.js的封装与使用方法示例

thinkPHP框架中layer.js的封装与使用方法示例

热门标签:Mysql连接数设置 团购网站 服务器配置 阿里云 Linux服务器 电子围栏 科大讯飞语音识别系统 银行业务

本文实例讲述了thinkPHP框架中layer.js的封装与使用方法。分享给大家供大家参考,具体如下:

v层:(还没实现功能的)

!DOCTYPE html>
html lang="zh-cn">
head>
  meta charset="UTF-8">
  title>添加/title>
/head>
body>
  form action="{:url('save')}" method="post">
    label for="name">教室名称:/label>input type="text" name="name" id="name" />
    label for="teacher">teacher:/label>
    select name="teacher_id" id="teacher">
    {volist name="teacher" id="teacher"}
      option value="{$teacher->getData('id')}">{$teacher->getData('name')}/option>
    {/volist}
    /select>
    button type="button" id="submit">submit/button>
  /form>
/body>
script src="/static/js/jquery2.1.js">/script>
script src="/static/js/dialog/layer.js">/script>
script src="/static/js/dialog.js">/script>
script>
  $(document).ready(function () {
   $('#submit').click(function () {
     return dialog.success(1,"jajaj");
   })
  })
/script>
/html>

首先把弹窗必要的硬件  src 进去:

其中

script src="/static/js/dialog/layer.js">/script>

这个是一个文件包, dialog 文件包里面装了layer的部件,比如图片之类的我们引用layer这个文件就好了

script src="/static/js/dialog.js">/script>

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 : ['确定'],
    });
  },
}

先让他跑起来:

script>
  $(document).ready(function () {
   $('#submit').click(function () {
     return dialog.success(1,"jajaj");
   })
  })
/script>

第一部分完成

thinkphp  中使用:

在thinkphp   Common创建一个function.php 公用函数,在里面定义:

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

在controller层直接引用这个函数就可以了

比如:

if(1==0){
   return show(0,'成功',jump_url);
}else{
    return show(1,'错误',jump_url);
}

是这样子的,朋友。

利用这个做 ajax 请求:

定义:

var url = admin.php?cosndf....
var jump_url ;www.baidu.com //跳转的页面
$.post(url,postData,function(result){
    if(result.status == 1) {
      //成功
      return dialog.success(result.message,jump_url);
    }else if(result.status == 0) {
      // 失败
      return dialog.error(result.message);
    }
  },"JSON");  //这个不要漏了

更多关于thinkPHP相关内容感兴趣的读者可查看本站专题:《ThinkPHP入门教程》、《thinkPHP模板操作技巧总结》、《ThinkPHP常用方法总结》、《codeigniter入门教程》、《CI(CodeIgniter)框架进阶教程》、《Zend FrameWork框架入门教程》及《PHP模板技术总结》。

希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。

您可能感兴趣的文章:
  • Thinkphp5结合layer弹窗定制操作结果页面
  • PHP实现的简单留言板功能示例【基于thinkPHP框架】
  • thinkphp5.0整合phpsocketio完整攻略(绕坑)
  • ThinkPHP5邮件发送服务封装(可发附件)
  • php封装的数据库函数与用法示例【参考thinkPHP】
  • 封装ThinkPHP的一个文件上传方法实例
  • thinkphp中连接oracle时封装方法无法用的解决办法

标签:枣庄 大理 江苏 广元 蚌埠 衢州 衡水 萍乡

巨人网络通讯声明:本文标题《thinkPHP框架中layer.js的封装与使用方法示例》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266