溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章為大家展示了怎么在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="/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);
}else{
return show(1,'錯誤',jump_url);
}是這樣子的，朋友。
利用這個做 ajax 請求：
定義：
var url = admin.php?cosndf&....
var jump_url ;www.baidu.com //跳轉的頁面
$.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"); //這個不要漏了上述內容就是怎么在thinkPHP框架對layer.js進行封裝，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
