ThinkpHP 에서 ajax 는 인 스 턴 스 튜 토리 얼 을 사용 합 니 다.

4636 단어 ThinkPHPajax
이 글 은 ThinkpHP 에서 ajax 를 사용 하 는 방법 을 설명 하 였 으 며,아래 그림 과 같이 양식 을 제출 하 였 습 니 다.

제출 을 누 르 면 이 페이지 를 새로 고 칠 필요 가 없습니다.내용 을 데이터베이스 에 제출 하고 이 페이지 에 제출 한 내용 을 표시 합 니 다.다음 그림 에서 보 듯 이:

1.jquery 실현 방법:
MessageAction.class.php 페이지 코드 는 다음 과 같 습 니 다.

<?php
class MessageAction extends Action{
 
 function index(){
  $this->display(); 
 }
 
 function add(){
  //ajaxReturn(  ,'    ',  ) 
  $m=M('message');
  if($m->add($_GET)){
   $this->ajaxReturn($_GET,'      ',1);
  }else{
   $this->ajaxReturn(0,'      ',0); 
  }
 }
 
}
?>
템 플 릿 index.html 코드 는 다음 과 같 습 니 다.

<html>
<head>
<script type="text/javascript" src="__PUBLIC__/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
 $(function(){
  $('input:button').click(function(){
   var $title=$('input[name="title"]').val();
   var $message=$('input[name="message"]').val();
   $mess=$('#mess');
   $.getJSON('__URL__/add',{title:$title,message:$message},function(json){
    //alert(json);return false;
    if(json.status==1){
     $mess.slideDown(3000,function(){
      $mess.css('display','block'); 
     }).html('   '+json.data.title+'   '+json.data.message); 
    }else{
     $mess.slideDown(3000,function(){
      $mess.css('display','block'); 
     }).html('      ，   '); 
    }  
   });
  }) 
 })
</script>
</head>
<body>
<div style="display:none; color:red;" id="mess"></div>
<form action="" method="get">
   ：<input type="text" name="title" /><br />
   ：<input type="text" name="message" /><br />
  <input type="button" value="  " />
</form>
</body>
</html>
2.ThinkpHP 실현 방법:
MessageAction.class.php 페이지 코드 는 다음 과 같 습 니 다.

<?php
class MessageAction extends Action{
 
 function index(){
  $this->display(); 
 }

 function addtwo(){
  $m=M('message');
  if($vo=$m->create()){
   if($m->add()){
    $this->ajaxReturn($vo,'    ',1); 
   }else{
    $this->ajaxReturn(0,'    ',0); 
   } 
  }else{
   $this->error($m->getError()); 
  }
 }
}
?>
템 플 릿 index.html 코드 는 다음 과 같 습 니 다.

<html>
<head>
<script type="text/javascript" src="__PUBLIC__/Js/Base.js"></script>
<script type="text/javascript" src="__PUBLIC__/Js/prototype.js"></script>
<script type="text/javascript" src="__PUBLIC__/Js/mootools.js"></script>
<script type="text/javascript" src="__PUBLIC__/Js/ThinkAjax.js"></script>
<script type="text/javascript">
 function add(){
  //ThinkAjax.sendForm(  ID,URL,    ,       );
  ThinkAjax.sendForm('frm','__URL__/addtwo',wc); 
 }
 function wc(data,status){
  if(status!=1){
   alert('    ');
  }else{
   $('list').innerHTML+='  '+data.title+',  '+data.message; 
  } 
 }
</script>

</head>
<body>
<div id="list"></div>
<form action="" method="POST" id="frm">
   ：<input type="text" name="title" /><br />
   ：<input type="text" name="message" /><br />
  <input type="button" value="  " onClick="add()" />
</form>
</body>
</html>
관심 이 있 는 친 구 는 본 논문 에서 보 여 준 인 스 턴 스 를 테스트 하여 실행 하면 Ajax 응용 에 대한 이 해 를 강화 할 수 있다.
thinkpHP 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있다.
본 고 는 ThinkPHP 프레임 워 크 를 기반 으로 한 PHP 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.
springboot+nginx+https+linux 부하 균형 추가 도 메 인 이름 접근 간단 한 테스트 실현
ThinkpHP 자동 충전 무한 분류 구현 방법

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage