thinkPHP框架中layer.js的封装与使用方法示例
本文实例讲述了框架框架中layer.js的封装与使用方法。分享给大家供大家参考,具体如下:
v层:(还没实现功能的)
!DOCTYPE html html lang=' zh-cn ' head meta charset=' UTF-8 ' title添加/标题/床头柜表单操作='{:url('save')} '方法='post '标签为='name '教室名称:/标签输入类型=' text ' name=' name ' id=' name '/标签为=' teacher ' teacher :/标签选择名称=' teacher _ id ' id=' teacher ' { volist name=' teacher ' id=' teacher ' }选项值=' { $ teacher-getData(' id ')} { $ teacher-getData(' name ')}/选项{/volist }/select button type=' button ' id=' submit ' submit/button/form/body script src=' ready(function(){ $(' # submit '))). 点击(函数(){返回对话框。成功(1,‘jajaj’);})})/脚本/html首先把弹窗必要的硬件科学研究委员会进去:
其中
脚本src=' http :/static/js/dialog/layer。js /脚本这个是一个文件包,对话框文件包里面装了层的部件,比如图片之类的我们引用层这个文件就好了
脚本src=' http :/static/js/dialog。js '/脚本对话框。射流研究…是自定义的
var dialog={ //错误弹出层错误:函数(消息){ layer。打开({内容:消息,图标:2,标题: '错误提示', });}, //成功弹出层成功:函数(消息,url) { layer.open({ content :消息,图标: 1,是:函数(){ location.href=url},});}, //确认弹出层确认:功能(消息,url) { layer.open({ content :消息,icon:3,btn : ['是','否】,是:函数(){ location。href=URL}, });}, //无需跳转到指定页面的确认弹出层toconfirm :函数(消息){ layer。open({ content : message,icon:3,btn : ['确定'], });},}先让他跑起来:
脚本$(文档)。ready(function () { $('#submit ')).点击(函数(){返回对话框。成功(1,‘jajaj’);})})/脚本
第一部分完成
框架中使用:
在常见的框架创建一个function.php公用函数,在里面定义:
函数show($status,$message,$ data=array()){ $ reuslt=array(' status '=$ status,' message'=$message,' data'=$data,退出(JSON _ encode($ reu SLT));}在控制器层直接引用这个函数就可以了
比如:
if(1==0){ 0返回显示(0 ',成功,jump _ URL);}else{ return show(1,'错误,jump _ URL);}是这样子的,朋友。
利用这个做创建交互式、快速动态网页应用的网页开发技术请求:
定义:
admin.php?cosndf.var jump _ urlwww.baidu.com/跳转的页面$.帖子(网址,postData,函数(结果){ if(result.status==1) { //成功返回dialog.success(result.message,jump _ URL);}else if(result.status==0) { //失败返回对话。错误(结果。消息);} },' JSON ');//这个不要漏了更多关于框架相关内容感兴趣的读者可查看本站专题: 《ThinkPHP入门教程》 、 《thinkPHP模板操作技巧总结》 、 《ThinkPHP常用方法总结》 、 《codeigniter入门教程》 、 《CI(CodeIgniter)框架进阶教程》 、 《Zend FrameWork框架入门教程》 及《PHP模板技术总结》 。
希望本文所述对大家基于ThinkPHP框架的服务器端编程语言(专业超文本预处理器的缩写)程序设计有所帮助。
版权声明:thinkPHP框架中layer.js的封装与使用方法示例是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。