日韩中文在线,亚洲福利视频网,成人在线黄色

本文實例講述了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框架中layer.js的封裝與使用方法示例

第一部分完成

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框架的PHP程序設計有所幫助。