PHP+Ajax 비동기 통신 으로 사용자 이름 메 일 박스 등록 여 부 를 검증 합 니 다(2 가지 방법 구현)

앞에서 말 했 듯 이 코드 를 직접 올 리 는 것 은 좀 후 하지 않 으 니 천조 전통 에 따라 전체 단락 을 묘사 하 세 요.............................................본인 의 언어 표 현 력 에 한계 가 있 습 니 다.참고 보 세 요)기능 은 사이트 에 가입 할 때 사용 합 니 다.주로 비동기 로 사용자 가 입력 한 사용자 이름 이나 이메일 이 등록 되 었 는 지 확인 하기 위해 서 입 니 다.이 기능 은 여러분 이 분명히 보 셨 을 것 입 니 다.대부분 사이트 에 있 습 니 다.저 는 이 기능 에 관심 이 많 습 니 다.그래서 요 며칠 동안 jQuery+Ajax 가 기능 이 완선 되 지 않 지만 일반 사용 코드(더 큰 기능 은 여러분 이 직접 발굴)파일 설명 reg.php//등록 페이지 checkuser.php//사용자 인증 페이지(GET,POST 방식 선택)jquery-1.7.1.js//jQuery 파일 다운로드 주소:http://code.jquery.com/jquery-1.7.1.js (오른쪽 단 추 를 누 르 면 다른 이름 으로 저장 가능)코드 예제 reg.phop 등록 페이지(2 가지 방식 포함,하 나 를 선택 하 십시오)

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>PHP+Ajax         </title> 
<script type="text/javascript" src="jquery-1.7.1.js"></script> <!--       jQuery  ，      --> 
<script type="text/javascript"> 
$(function(){ 
//    jQuery(       ，    ) 
$("#user").blur(function(){ //            
$.get("check_user.php?user="+$("#user").val(),null,function(data) //  get      post       ，             
{ 
$("#chk").html(data); // ID chk      html   
}); 
}) 
//    aJax   (    ，             ) 
$("#user").blur(function(){ 
$.ajax({ 
url:"check_user.php", //       
type:"GET", //        post            
data:"user="+$("#user").val(), //        ，             user      key=value        ajax   
success: function(data) 
{ //          
$("#chk").html(data); // ID chk      html   
} 
}); 
}) 
}) 
</script> 
</head> 
<body> 
<form id="reg" action="" method="post"> 
   ：<input id="user" type="text" /> <span id="chk"></span> 
</form> 
</body> 
</html>

checkuser.php 비동기 통신 페이지 코드 는 다음 과 같다.또한 Ajax 내 다른 매개 변수 에 대해 서 는 요청 데이터 형식,ajax 시작 등 이벤트 가 있 습 니 다.ajax 매 뉴 얼 을 참고 하 세 요.여기 서 논술 을 하지 않 고 비교적 복잡 하 게 첫 번 째 방식 을 추천 합 니 다.배경 그림:

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

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

Ajax를 사용한 비동기 통신에서 processData : false를 작성했기 때문에 매개 변수가 날리지 않았기 때문에

다음과 같이 processData: false를 작성했기 때문에 data의 {category: hoge}를 보낼 수 없습니다. processData : false에 대해 조사한 것을 메모합니다. Ruby: 2.3.1...

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

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

PHP+Ajax 비동기 통신 으로 사용자 이름 메 일 박스 등록 여 부 를 검증 합 니 다(2 가지 방법 구현)

좋은 웹페이지 즐겨찾기