jquery ajax는 사용자가registers_jquery할 때 사용자 이름이 존재하는지 여부를 감지합니다.-JS 튜토리얼-php.cn

jquery ajax는 사용자가registers_jquery할 때 사용자 이름이 존재하는지 여부를 감지합니다.

WBOY

풀어 주다： 2016-05-16 18:42:44

원래의

1248명이 탐색했습니다.

먼저 성적을 추가하기 위한 페이지가 필요합니다. 임시로 grade.htm이라고 합니다.
이 파일에는 jquery.js(jquery 프레임워크 파일)와 grade.js(검증을 위한 별도 파일) 두 파일이 소개되어야 합니다.
아래 입력은 사용자 이름을 입력하는 데 사용되며 id="gradeInfo"는 프롬프트 정보를 표시하는 데 사용됩니다.
grade.htm

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

*
< ;/span>

사용자가 정보를 입력한 후 확인 링크를 입력하고 우리의 verify grade.js가 어떻게 작성되는지 확인하세요.
grade.js

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

 
/** 
* 사용자 이름이 반복되는지 확인하려면 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
코드 복사

코드 복사

코드는 다음과 같습니다. if($frm_action == 'check') {

$gradeName = $_GET['gradename']

 $gradeAdminObj = new Services_GradeAdmin($db); 
//입력한 사용자 이름이 $gradeName을 기준으로 데이터베이스에 존재하는지 확인합니다. 존재하면 1을 반환합니다. 
이 존재하지 않으면 0을 반환합니다. . 이 반환 값은 grade.js로 이동합니다. 
$gradeAdminObj->getGradeByName($gradeName) 
if(is_numeric($gradeCheck)){ 
echo '1'; 🎜>}else{ 
echo '0'; 사용자가 등록