집 >
웹 프론트엔드 >
JS 튜토리얼 >
jquery ajax는 사용자가registers_jquery할 때 사용자 이름이 존재하는지 여부를 감지합니다.
jquery ajax는 사용자가registers_jquery할 때 사용자 이름이 존재하는지 여부를 감지합니다.
WBOY
풀어 주다: 2016-05-16 18:42:44
원래의
1264명이 탐색했습니다.
먼저 성적을 추가하기 위한 페이지가 필요합니다. 임시로 grade.htm이라고 합니다. 이 파일에는 jquery.js(jquery 프레임워크 파일)와 grade.js(검증을 위한 별도 파일) 두 파일이 소개되어야 합니다. 아래 입력은 사용자 이름을 입력하는 데 사용되며 id="gradeInfo"는 프롬프트 정보를 표시하는 데 사용됩니다. grade.htm
/** * 사용자 이름이 반복되는지 확인하려면 js * * @name grade.js * @author jason 사용자 이름이 중복되는지 여부 존재 * @todo */ $(document).ready(function(){ checkConfirm(); }) //사용자 이름이 있는지 확인 function checkConfirm(){ $("#NAME").blur(function(){ var gradename = $(this).val(); varchangeUrl = "GradeAdmin.php?action=check&gradename=" gradename; $.get(changeUrl,function(str){ if(str == '1'){ $("#gradeInfo").html("}else{ $("#gradeInfo").html("") } }) return false; }) }
위 js 파일에서는 몇 가지 핵심 사항만 설명하겠습니다.
1. $("#NAME").blur의 의미는 grade.htm에 NAME이라는 ID를 가진 양식이 입력된 후 작업을 실행한다는 것입니다. 2. $(this).val()의 의미는 ID가 NAME인 형식으로 값을 가져오는 것입니다. 3. $.get(changeUrl, function(str)의 의미는 ajax 실행 후,changeUrl은 연결될 프로그램의 주소이고, str은 프로그램 계산 후 얻은 표시 구조입니다. 4. $("#gradeInfo").html의 의미는 gradeInfo ID가 있는 태그에 대한 html 파일을 작성하는 것입니다. 🎜>, 표시된 콘텐츠가 나타납니다. GradeAdmin.php 코드 복사
$gradeAdminObj = new Services_GradeAdmin($db); //입력한 사용자 이름이 $gradeName을 기준으로 데이터베이스에 존재하는지 확인합니다. 존재하면 1을 반환합니다. 이 존재하지 않으면 0을 반환합니다. . 이 반환 값은 grade.js로 이동합니다. $gradeAdminObj->getGradeByName($gradeName) if(is_numeric($gradeCheck)){ echo '1'; 🎜>}else{ echo '0'; 사용자가 등록