thinkPHP框架中l(wèi)ayer.js的封裝與使用方法示例
本文實(shí)例講述了thinkPHP框架中l(wèi)ayer.js的封裝與使用方法。分享給大家供大家參考,具體如下:
v層:(還沒實(shí)現(xiàn)功能的)
<!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 進(jìn)去:
其中
<script src="/static/js/dialog/layer.js"></script>
這個(gè)是一個(gè)文件包, dialog 文件包里面裝了layer的部件,比如圖片之類的我們引用layer這個(gè)文件就好了
<script src="/static/js/dialog.js"></script>
dialog.js是自定義的
var dialog = { // 錯(cuò)誤彈出層 error: function(message) { layer.open({ content:message, icon:2, title : '錯(cuò)誤提示', }); }, //成功彈出層 success : function(message,url) { layer.open({ content : message, icon : 1, yes : function(){ location.href=url; }, }); }, // 確認(rèn)彈出層 confirm : function(message, url) { layer.open({ content : message, icon:3, btn : ['是','否'], yes : function(){ location.href=url; }, }); }, //無(wú)需跳轉(zhuǎn)到指定頁(yè)面的確認(rèn)彈出層 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創(chuàng)建一個(gè)function.php 公用函數(shù),在里面定義:
function show($status,$message,$data=array()){ $reuslt = array( 'status' => $status, 'message' => $message, 'data' => $data, ); exit(json_encode($reuslt)); }
在controller層直接引用這個(gè)函數(shù)就可以了
比如:
if(1==0){ return show(0,'成功',jump_url); }else{ return show(1,'錯(cuò)誤',jump_url); }
是這樣子的,朋友。
利用這個(gè)做 ajax 請(qǐng)求:
定義:
var url = admin.php?cosndf&.... var jump_url ;www.baidu.com //跳轉(zhuǎn)的頁(yè)面 $.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"); //這個(gè)不要漏了
更多關(guān)于thinkPHP相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《ThinkPHP入門教程》、《thinkPHP模板操作技巧總結(jié)》、《ThinkPHP常用方法總結(jié)》、《codeigniter入門教程》、《CI(CodeIgniter)框架進(jìn)階教程》、《Zend FrameWork框架入門教程》及《PHP模板技術(shù)總結(jié)》。
希望本文所述對(duì)大家基于ThinkPHP框架的PHP程序設(shè)計(jì)有所幫助。
相關(guān)文章
Yii使用find findAll查找出指定字段的實(shí)現(xiàn)方法
這篇文章主要介紹了Yii使用find findAll查找出指定字段的實(shí)現(xiàn)方法,非常實(shí)用的技巧,需要的朋友可以參考下2014-09-09laravel 實(shí)現(xiàn)向公共模板中傳值 (view composer)
今天小編就為大家分享一篇laravel 實(shí)現(xiàn)向公共模板中傳值 (view composer),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-10-10Codeigniter中禁止A Database Error Occurred錯(cuò)誤提示的方法
在默認(rèn)的情況下,CodeIgniter會(huì)顯示所有的PHP錯(cuò)誤。但是當(dāng)你開發(fā)程序結(jié)束時(shí),你可能想要改變這個(gè)情況。這篇文章主要介紹了Codeigniter中禁止A Database Error Occurred錯(cuò)誤提示的方法,需要的朋友可以參考下2014-06-06Laravel Validator自定義錯(cuò)誤返回提示消息并在前端展示
這篇文章主要給大家介紹了關(guān)于Laravel Validator自定義錯(cuò)誤返回提示消息并在前端展示的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用Laravel具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05php刪除數(shù)組指定元素實(shí)現(xiàn)代碼
這篇文章主要介紹了php刪除數(shù)組指定元素實(shí)現(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下2017-05-05