thinkpHP 프레임 워 크 의 layer.js 패키지 및 사용 방법 예시

이 글 의 사례 는 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>

제1 부분 완성
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 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있다.
본 고 는 ThinkPHP 프레임 워 크 를 기반 으로 한 PHP 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

thinkpHP 프레임 워 크 의 layer.js 패키지 및 사용 방법 예시

이 글 의 사례 는 thinkpHP 프레임 워 크 에서 layer.js 의 패 키 징 과 사용 방법 을 다 루 었 다.여러분 께 참고 하도록 공유 하 겠 습 니 다.구체 적 으로 는 다음 과 같 습 니 다. v 층:...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

thinkpHP 프레임 워 크 의 layer.js 패키지 및 사용 방법 예시

좋은 웹페이지 즐겨찾기