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

时间：2021-05-26

本文实例讲述了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 ; //跳转的页面$.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程序设计有所帮助。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章