本文實(shí)例講述了thinkPHP框架中l(wèi)ayer.js的封裝與使用方法。分享給大家供大家參考,具體如下:
v層:(還沒(méi)實(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">教室名稱(chēng):/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的部件,比如圖片之類(lèi)的我們引用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 : ['確定'],
});
},
}
先讓他跑起來(lái):
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)容感興趣的讀者可查看本站專(zhuān)題:《ThinkPHP入門(mén)教程》、《thinkPHP模板操作技巧總結(jié)》、《ThinkPHP常用方法總結(jié)》、《codeigniter入門(mén)教程》、《CI(CodeIgniter)框架進(jìn)階教程》、《Zend FrameWork框架入門(mén)教程》及《PHP模板技術(shù)總結(jié)》。
希望本文所述對(duì)大家基于ThinkPHP框架的PHP程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:- Thinkphp5結(jié)合layer彈窗定制操作結(jié)果頁(yè)面
- PHP實(shí)現(xiàn)的簡(jiǎn)單留言板功能示例【基于thinkPHP框架】
- thinkphp5.0整合phpsocketio完整攻略(繞坑)
- ThinkPHP5郵件發(fā)送服務(wù)封裝(可發(fā)附件)
- php封裝的數(shù)據(jù)庫(kù)函數(shù)與用法示例【參考thinkPHP】
- 封裝ThinkPHP的一個(gè)文件上傳方法實(shí)例
- thinkphp中連接oracle時(shí)封裝方法無(wú)法用的解決辦法