thinkPHP框架中layer.js的封装与使用方法示例
发布:smiling 来源: PHP粉丝网 添加日期:2021-11-04 10:42:43 浏览: 评论:0
这篇文章主要介绍了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"); //这个不要漏了
Tags: thinkPHP封装 layer js
相关文章
- ·使用Thinkphp搭建多语言项目(包括JS多语言)(2014-04-11)
- ·ThinkPHP模版中导入CSS和JS文件(2014-04-11)
- ·thinkphp返回Json的数据格式(2014-07-23)
- ·thinkphp内置jsonRPC的缺陷(2014-11-20)
- ·ThinkPHP内置jsonRPC的缺陷分析(2021-05-03)
- ·ThinkPHP通过AJAX返回JSON的两种实现方法(2021-05-04)
- ·ThinkPHP中使用ajax接收json数据的方法(2021-05-04)
- ·ThinkPHP里用U方法调用js文件实例(2021-05-28)
- ·thinkPHP5实现的查询数据库并返回json数据实例(2021-08-15)
- ·ThinkPHP框架整合微信支付之JSAPI模式图文详解(2021-11-15)
推荐文章
热门文章
最新评论文章
- 写给考虑创业的年轻程序员(10)
- PHP新手上路(一)(7)
- 惹恼程序员的十件事(5)
- PHP邮件发送例子,已测试成功(5)
- 致初学者:PHP比ASP优秀的七个理由(4)
- PHP会被淘汰吗?(4)
- PHP新手上路(四)(4)
- 如何去学习PHP?(2)
- 简单入门级php分页代码(2)
- php中邮箱email 电话等格式的验证(2)