欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間:2019年01月18日 09:33:17   作者:廖圣平  
這篇文章主要介紹了thinkPHP框架中l(wèi)ayer.js的封裝與使用方法,結(jié)合實(shí)例形式分析了thinkPHP中調(diào)用layer.js的具體操作技巧與注意事項(xiàng),需要的朋友可以參考下

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

v層:(還沒實(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">教室名稱:</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的部件,比如圖片之類的我們引用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 : ['確定'],
    });
  },
}

先讓他跑起來:

<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)容感興趣的讀者可查看本站專題:《ThinkPHP入門教程》、《thinkPHP模板操作技巧總結(jié)》、《ThinkPHP常用方法總結(jié)》、《codeigniter入門教程》、《CI(CodeIgniter)框架進(jìn)階教程》、《Zend FrameWork框架入門教程》及《PHP模板技術(shù)總結(jié)》。

希望本文所述對(duì)大家基于ThinkPHP框架的PHP程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • Yii使用find findAll查找出指定字段的實(shí)現(xiàn)方法

    Yii使用find findAll查找出指定字段的實(shí)現(xiàn)方法

    這篇文章主要介紹了Yii使用find findAll查找出指定字段的實(shí)現(xiàn)方法,非常實(shí)用的技巧,需要的朋友可以參考下
    2014-09-09
  • smarty模板引擎之分配數(shù)據(jù)類型

    smarty模板引擎之分配數(shù)據(jù)類型

    這篇文章主要介紹了smarty模板引擎之分配數(shù)據(jù)類型,實(shí)例分析了smarty模板引擎數(shù)據(jù)類型的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-03-03
  • Yii2中Restful API原理實(shí)例分析

    Yii2中Restful API原理實(shí)例分析

    這篇文章主要介紹了Yii2中Restful API原理,基于rest部分源碼分析了Restful的原理、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下
    2016-07-07
  • laravel 實(shí)現(xiàn)向公共模板中傳值 (view composer)

    laravel 實(shí)現(xiàn)向公共模板中傳值 (view composer)

    今天小編就為大家分享一篇laravel 實(shí)現(xiàn)向公共模板中傳值 (view composer),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2019-10-10
  • Codeigniter中禁止A Database Error Occurred錯(cuò)誤提示的方法

    Codeigniter中禁止A Database Error Occurred錯(cuò)誤提示的方法

    在默認(rèn)的情況下,CodeIgniter會(huì)顯示所有的PHP錯(cuò)誤。但是當(dāng)你開發(fā)程序結(jié)束時(shí),你可能想要改變這個(gè)情況。這篇文章主要介紹了Codeigniter中禁止A Database Error Occurred錯(cuò)誤提示的方法,需要的朋友可以參考下
    2014-06-06
  • PHP微信支付實(shí)例解析

    PHP微信支付實(shí)例解析

    這篇文章主要為大家詳細(xì)介紹了PHP微信支付實(shí)例,包括PHP微信支付源碼,PHP微信退款源碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-07-07
  • Laravel Validator自定義錯(cuò)誤返回提示消息并在前端展示

    Laravel Validator自定義錯(cuò)誤返回提示消息并在前端展示

    這篇文章主要給大家介紹了關(guān)于Laravel Validator自定義錯(cuò)誤返回提示消息并在前端展示的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用Laravel具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-05-05
  • PHP中圖片等比縮放的實(shí)例

    PHP中圖片等比縮放的實(shí)例

    PHP中圖片等比縮放的實(shí)例,需要的朋友可以參考一下
    2013-03-03
  • php刪除數(shù)組指定元素實(shí)現(xiàn)代碼

    php刪除數(shù)組指定元素實(shí)現(xiàn)代碼

    這篇文章主要介紹了php刪除數(shù)組指定元素實(shí)現(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下
    2017-05-05
  • CI框架常用函數(shù)封裝實(shí)例

    CI框架常用函數(shù)封裝實(shí)例

    這篇文章主要介紹了CI框架常用函數(shù)封裝,結(jié)合實(shí)例形式分析了CI框架常用的數(shù)據(jù)庫(kù)查詢、插入、刪除、更新及debug調(diào)試等操作技巧,需要的朋友可以參考下
    2016-11-11

最新評(píng)論