(编辑:jimmy 日期: 2024/10/3 浏览:2)
本文实例讲述了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="/UploadFiles/2021-04-02/jquery2.1.js">首先把弹窗必要的硬件 src 进去:
其中
<script src="/UploadFiles/2021-04-02/layer.js">这个是一个文件包, dialog 文件包里面装了layer的部件,比如图片之类的我们引用layer这个文件就好了
<script src="/UploadFiles/2021-04-02/dialog.js">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"JSON"); //这个不要漏了更多关于thinkPHP相关内容感兴趣的读者可查看本站专题:《ThinkPHP入门教程》、《thinkPHP模板操作技巧总结》、《ThinkPHP常用方法总结》、《codeigniter入门教程》、《CI(CodeIgniter)框架进阶教程》、《Zend FrameWork框架入门教程》及《PHP模板技术总结》。
希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。
下一篇:PHP内置函数生成随机数实例高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。