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

 更新时间:2019年01月18日 09:33:17   作者:廖圣平  
这篇文章主要介绍了thinkPHP框架中layer.js的封装与使用方法,结合实例形式分析了thinkPHP中调用layer.js的具体操作技巧与注意事项,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

相关文章

  • Yii使用find findAll查找出指定字段的实现方法

    Yii使用find findAll查找出指定字段的实现方法

    这篇文章主要介绍了Yii使用find findAll查找出指定字段的实现方法,非常实用的技巧,需要的朋友可以参考下
    2014-09-09
  • smarty模板引擎之分配数据类型

    smarty模板引擎之分配数据类型

    这篇文章主要介绍了smarty模板引擎之分配数据类型,实例分析了smarty模板引擎数据类型的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • Yii2中Restful API原理实例分析

    Yii2中Restful API原理实例分析

    这篇文章主要介绍了Yii2中Restful API原理,基于rest部分源码分析了Restful的原理、使用方法与相关注意事项,需要的朋友可以参考下
    2016-07-07
  • laravel 实现向公共模板中传值 (view composer)

    laravel 实现向公共模板中传值 (view composer)

    今天小编就为大家分享一篇laravel 实现向公共模板中传值 (view composer),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10
  • Codeigniter中禁止A Database Error Occurred错误提示的方法

    Codeigniter中禁止A Database Error Occurred错误提示的方法

    在默认的情况下,CodeIgniter会显示所有的PHP错误。但是当你开发程序结束时,你可能想要改变这个情况。这篇文章主要介绍了Codeigniter中禁止A Database Error Occurred错误提示的方法,需要的朋友可以参考下
    2014-06-06
  • PHP微信支付实例解析

    PHP微信支付实例解析

    这篇文章主要为大家详细介绍了PHP微信支付实例,包括PHP微信支付源码,PHP微信退款源码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • Laravel Validator自定义错误返回提示消息并在前端展示

    Laravel Validator自定义错误返回提示消息并在前端展示

    这篇文章主要给大家介绍了关于Laravel Validator自定义错误返回提示消息并在前端展示的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Laravel具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-05-05
  • PHP中图片等比缩放的实例

    PHP中图片等比缩放的实例

    PHP中图片等比缩放的实例,需要的朋友可以参考一下
    2013-03-03
  • php删除数组指定元素实现代码

    php删除数组指定元素实现代码

    这篇文章主要介绍了php删除数组指定元素实现代码的相关资料,需要的朋友可以参考下
    2017-05-05
  • CI框架常用函数封装实例

    CI框架常用函数封装实例

    这篇文章主要介绍了CI框架常用函数封装,结合实例形式分析了CI框架常用的数据库查询、插入、删除、更新及debug调试等操作技巧,需要的朋友可以参考下
    2016-11-11

最新评论