本文实例讲述了thinkphp框架中layer.js的封装与使用方法。分享给大家供大家参考,具体如下:
v层:(还没实现功能的)
<!doctype html><html lang="zh-cn"><head> <meta chart="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> <lect name="teacher_id" id="teacher"> {volist name="t财政专业eacher" id="teacher"} <option value="{$teacher->getdata('id')}">{$teacher->getdata('name')}</option> {/volist} </lect> <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);}el{ return show(1,'错误',jump_url);}
是这样子的,朋友。
利用这个做 ajax 请求:
定义:
var url = admin.php?cosndf&....var jump_url ;ww场地布置w.baidu.com //跳转的页面$.post(url,postdata,function(result){ if(result.status == 1) { //成功 return dialog.success(result.message,jump_url); }el if(result.status == 0) { // 失败 return dialog.error(result.2019春节图片message信息论基础); } },"json"); //这个不要漏了
更多关于thinkphp相关内容感兴趣的读者可查看本站专题:《thinkphp入门教程》、《thinkphp模板操作技巧总结》、《thinkphp常用方法总结》、《codeigniter入门教程》、《ci(codeigniter)框架进阶教程》、《zend framework框架入门教程》及《php模板技术总结》。
希望本文所述对大家基于thinkphp框架的php程序设计有所帮助。
本文发布于:2023-04-06 16:28:07,感谢您对本站的认可!
本文链接:https://www.wtabcd.cn/fanwen/zuowen/a715f83253697cba15e85111464e4eaa.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文word下载地址:thinkPHP框架中layer.js的封装与使用方法示例.doc
本文 PDF 下载地址:thinkPHP框架中layer.js的封装与使用方法示例.pdf
留言与评论(共有 0 条评论) |