ThinkPHP에 내장된 ThinkAjax를 이용하여 비동기 전송 기술을 구현하는 방법-PHP 튜토리얼-php.cn

ThinkPHP에 내장된 ThinkAjax를 이용하여 비동기 전송 기술을 구현하는 방법

不言

풀어 주다： 2023-03-30 09:04:01

원래의

1418명이 탐색했습니다.

이 글은 ThinkPHP에 내장된 ThinkAjax를 이용한 비동기 전송 기술의 구현 방법을 주로 소개합니다. 이는 현재 모든 사람과 공유되고 있습니다.

ThinkPHP의 공식 문서입니다. ThinkAjax에 대한 정보를 제공하지 않습니다. 많은 초보자들에게 다소 불편한 부분이 있습니다. 저도 오늘 이것을 배우고 나서 많은 문제에 직면하게 되었고, 공부 노트를 작성하게 되었습니다. 준비:

① 먼저 사용 방법을 알아야 합니다. ThinkPHP 프레임워크를 사용하세요.

② Ajax에 대한 기본 지식이 가장 좋습니다(Xiao Fei의 다른 블로그 게시물: Ajax real을 확인하세요). -“사용자 이름/이메일 등”이 이미 존재하는지 확인)
3 4 js 문서 (무료 포인트를 받으려면 여기를 클릭하세요)
먼저 소스 코드를 붙여넣으세요:

코드를 복사하세요

코드는 다음과 같습니다 :

<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/Ajax/ThinkAjax.js"></script> 
<script type="text/javascript"> 
function checktitle() 
{ 
ThinkAjax.send(&#39;__URL__/checktitle&#39;,&#39;ajax=1&title=&#39;+$(&#39;title&#39;).value,&#39;&#39;,&#39;checkbox&#39;); 
} 
</script> 
<form action="__URL__/insert" method="post" id="myform"> 
<table> 
<tbody> 
<tr> 
<td width="45" class="tRight">标题：</td> 
<td> 
<input type="text" id="title" name="title"> 
<input type="button" value="检查" onClick="checktitle();"> 
</td> 
<td> 
<span id="checkbox"></span> 
</td> 
</tr> 
</tbody> 
</table> 
</form>

로그인 후 복사

코드 설명:

"Check" 버튼에 대한 onclick 이벤트를 추가합니다. 버튼이 클릭되면 checktitle() 함수를 호출합니다.

In checktitle 함수에서는 ThinkAjax 개체에서 send 멤버 메서드만 사용했습니다.
send:function(url,pars,response,target,tips,효과){… 처리를 위해 클라이언트 브라우저에서 서버로 전송된 데이터를 처리를 위해 "현재 모듈 아래의 checktitle 메소드"에 제출합니다. 매개변수 구문 분석: ajax 문자열의 전송 메소드에 있는 매개변수와 동일합니다. 이 매개변수는 포스트 모드에서 값을 전달하는 데만 사용됩니다. 매개변수 응답: 사용자 정의 콜백 함수. 콜백 함수가 정의되면 서버가 제출된 데이터를 처리한 후 데이터가 전달됩니다. 처리를 위한 콜백 함수. 콜백 함수에는 두 개의 매개변수가 있습니다. ①data②status 매개변수 data: 서버에서 처리한 데이터를 data에 할당 매개변수 status: 처리 후 상태 정보를 나타내며, 1은 성공, 0은 실패를 나타냅니다.
파라미터 대상: 처리된 데이터가 저장될 위치를 나타냅니다. 예를 들어 표시(또는 출력)의 경우: 이 매개변수를 checkbox로 지정합니다. 이는 처리된 데이터가 id="checkbox"인 레이블에 출력된다는 의미입니다.
현재 모듈 아래 checktitle 메소드의 소스 코드:

코드 복사
코드는 다음과 같습니다.

<?php 
class IndexAction extends Action 
{ 
// 首页 
public function index(){ 
$this->display(); 
} 
// 检查标题是否可用 
public function checkTitle() 
{ 
if(!empty($_POST[&#39;title&#39;])) 
{ 
$Form = D("Form"); 
if($Form->getByTitle($_POST[&#39;title&#39;])) 
{ 
$this->error(&#39;标题已经存在&#39;); 
} 
else 
{ 
$this->success(&#39;标题可以使用!&#39;); 
} 
} 
else 
{ 
$this->error(&#39;标题不能为空...&#39;); 
} 
} 
} 
?>

로그인 후 복사