thinkPHP框架中l(wèi)ayer.js的封裝與使用方法示例

第thinkPHP框架中l(wèi)ayer.js的封裝與使用方法示例本文實(shí)例講述了thinkPHP框架中l(wèi)ayer.js的封裝與使用方法。分享給大家供大家參考，具體如下：

v層：（還沒(méi)實(shí)現(xiàn)功能的）

!DOCTYPEhtml

htmllang="zh-cn"

head

metacharset="UTF-8"

title添加/title

/head

body

formaction="{:url('save')}"method="post"

labelfor="name"教室名稱:/labelinputtype="text"name="name"id="name"/

labelfor="teacher"teacher:/label

selectname="teacher_id"id="teacher"

{volistname="teacher"id="teacher"}

optionvalue="{$teacher-getData('id')}"{$teacher-getData('name')}/option

{/volist}

/select

buttontype="button"id="submit"submit/button

/form

/body

scriptsrc="/static/js/jquery2.1.js"/script

scriptsrc="/static/js/dialog/layer.js"/script

scriptsrc="/static/js/dialog.js"/script

script

$(document).ready(function(){

$('#submit').click(function(){

returndialog.success(1,"jajaj");

/script

/html

首先把彈窗必要的硬件src進(jìn)去：

其中

scriptsrc="/static/js/dialog/layer.js"/script

這個(gè)是一個(gè)文件包，dialog文件包里面裝了layer的部件，比如圖片之類的我們引用layer這個(gè)文件就好了

scriptsrc="/static/js/dialog.js"/script

dialog.js是自定義的

vardialog={

//錯(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(){

returndialog.success(1,"jajaj");

/script

第一部分完成

thinkphp中使用：

在thinkphpCommon創(chuàng)建一個(gè)function.php公用函數(shù)，在里面定義：

functionshow($status,$message,$data=array()){

$reuslt=array(

'status'=$status,

'message'=$message,

'data'=$data,

exit(json_encode($reuslt));

在controller層直接引用這個(gè)函數(shù)就可以了

比如：

if(1==0){

returnshow(0,'成功',jump_url);

}else{

returnshow(1,'錯(cuò)誤',jump_url);

是這樣子的，朋友。

利用這個(gè)做ajax請(qǐng)求：

定義：

varurl=admin.phpcosndf....

varjump_url;//跳轉(zhuǎn)的頁(yè)面

$.post(url,postData,function(result){

if(result.status==1){

//成功

returndialog.success(result.message,jump_url);

}elseif(result.status==0){

//失敗

returndialog.error(result.message);

},"JSON");//這個(gè)不要漏了

更多關(guān)于thinkPHP相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《ThinkPHP入門教程》、《thinkPHP模板操作技巧總