怎么在thinkPHP框架對(duì)layer.js進(jìn)行封裝-創(chuàng)新互聯(lián)

本篇文章為大家展示了怎么在thinkPHP框架對(duì)layer.js進(jìn)行封裝，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

專(zhuān)注于為中小企業(yè)提供成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)東營(yíng)區(qū)免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了上千家企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

具體如下：

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">教室名稱(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框架對(duì)layer.js進(jìn)行封裝

第一部分完成

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è)不要漏了

上述內(nèi)容就是怎么在thinkPHP框架對(duì)layer.js進(jìn)行封裝，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

名稱(chēng)欄目：怎么在thinkPHP框架對(duì)layer.js進(jìn)行封裝-創(chuàng)新互聯(lián)
標(biāo)題鏈接：http://bm7419.com/article24/diheje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、域名注冊(cè)、面包屑導(dǎo)航、App設(shè)計(jì)、服務(wù)器托管、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

手機(jī)網(wǎng)站建設(shè)