온라인으로 개인 정보를 등록할 때 페이지를 제출한 후 네트워크 상태가 좋지 않거나 많은 항목이 있는 경우 등록 성공 여부를 알려주기 위해 항상 페이지가 새로 고쳐질 때까지 기다려야 하는 경우가 많습니다. 오랜 기다림 끝에 페이지를 새로고침한 후 "귀하의 사용자 이름은 이미 사용되었습니다"라는 메시지가 나오거나 XXXXXXX가 불법이라는 메시지가 표시됩니다. 오늘은 AJAX를 사용한 간단한 등록 절차를 소개하겠습니다. 페이지 새로 고침 + 사용자 정보 실시간 감지가 없어 모두에게 도움이 되기를 바랍니다. 좋습니다. 먼저 등록 인터페이스 코드를 살펴보겠습니다.
< ;테이블 너비="100%" 높이="256" border="0" align="center" cellpadding="1" cellpacing="1">
" align="left" bgcolor="#FFFFFF" > · 사용자 이름: <입력 이름="사용자 이름" type="text" < td align = "left" bgcolor = "#ffffff" & gt; 4~16자, 영문 소문자, 한자, 숫자, 숫자는 바람직하지 않습니다. & lt;/td & gt;
;
ffffff "& gt; 비밀번호 문자는 사례에 민감합니다. 6~16자리(6, 16 포함), 영문과 숫자로 제한됩니다.
/td> ; "#FF6633">* | >빨간색 부분이 나중에 호출될 js 함수입니다. 이제 위 페이지에 포함된 ajaxreg.js 파일의 코드를 살펴보겠습니다. , ajax 프레임워크와 일부 판단 기능이 포함되어 있습니다.
var http_request=false;
function send_request(url){//초기화, 처리 기능, 요청을 보내는 기능 지정
http_request=false;
//초기화 시작 XMLHttpRequest 객체
if(window.XMLHttpRequest){//Mozilla 브라우저
http_request=new XMLHttpRequest();
if(http_request.overrideMimeType){//MIME 범주 설정
http_request.overrideMime Type(" text/xml" ;
} catch(e){
시도해 보세요{
> !"); 및 다음 코드를 동기적으로 실행할지 여부
http_request.open("GET",url,true);
http_request.send(null);
}
//기능 반환된 정보 처리
function processrequest(){
if(http_request.readyState==4){//객체 상태 확인
if(http_request.status==200){//정보가 성공적으로 반환되면 정보 처리를 시작하세요
문서 .getElementById(reobj).innerHTML=http_request.responseText;
}
| ");
}
}
}
function usercheck(obj){
var f=document.reg;
var username=f.username.value;
if (username==""){
document.getElementById(obj).innerHTML=" 사용자 이름은 비워둘 수 없습니다! ";
f.username.focus();
return false;
}
else{
document.getElementById(obj).innerHTML="데이터를 읽는 중 .. .";
send_request('checkuserreg.php?username=' 사용자 이름);
reobj=obj;
}
}
function pwdcheck(obj){
var f =document .reg;
var pwd=f.userpwd.value;
if(pwd==""){
document.getElementById(obj).innerHTML=" 사용자 비밀번호는 사용할 수 없습니다. 비어있어! ";
f.userpwd.focus(); getElementById(obj).innerHTML=" 비밀번호 길이는 6자 미만일 수 없습니다! ";
f.userpwd.focus();
return false;
}
else{
document.getElementById(obj).innerHTML=" < =red>비밀번호가 요구사항을 충족합니다! ";
}
}
function pwdrecheck(obj){
var f=document.reg;
var repwd=f.reuserpwd.value;
if (repwd==""){
document.getElementById(obj).innerHTML="
비밀번호를 다시 입력해 주세요!";
f.reuserpwd.focus(); > document.getElementById(obj).innerHTML="
두 번 입력한 비밀번호가 일치하지 않습니다! ";
f.reuserpwd.focus();
return false;
}
else{
document.getElementById(obj).innerHTML=" < ;글꼴 색상 =빨간색>입력한 비밀번호가 정확합니다!
비밀번호는 실시간으로 길이만 판단되어 관심있는 친구들이 기능을 확장할 수 있습니다.checkuserreg.php가 수행하는 작업을 살펴보겠습니다.
header('Content-Type: text/html;charset=GB2312');//잘못된 출력 방지
include ('inc/config.inc.php');//기본 데이터베이스 구성 정보 포함
include('inc/dbclass.php');//데이터베이스 작업 클래스 포함
$username=trim($_GET [ 'username']);//등록된 이름을 가져옵니다
//--------------------------------- -------------------------------------
$db=new db;//데이터베이스 작업 클래스에서 인스턴스 생성
$db->mysql($dbhost,$dbuser,$dbpassword,$dbname);//연결 매개변수 함수 호출
$ db->createcon();//연결 생성 함수 호출
//---------------------------- ------ ------------------ ------ --
$querysql="cr_userinfo에서 사용자 이름 선택, 여기서 사용자 이름='$username'";//회원 이름 쿼리
$result=$db->query($querysql);
$rows= $db->loop_query($result);
//회원명이 등록된 경우
//---------------- -------- ---------------- -------- ---------
if($rows){
echo" 이미 등록된 회원 이름입니다. 회원을 변경해주세요. name!";
}
//회원 이름이 등록되지 않은 경우 표시됩니다
//--------------- ------------------ -------------------------------- ----- --
else{
echo" 등록 가능한 회원명입니다! ";
}
if($action==reg){
$addsql="cr_userinfo에 삽입
값(0,'$username','$userpwd', '$time',50,1,'$userquestion','$useranswer')";
$db->query($addsql);
echo"
축하합니다. 등록이 완료되었습니다! 로그인하려면 여기를 클릭하세요! ";
}
$db->close();//데이터베이스 연결을 닫습니다
?>
댓글이 매우 자세하므로 모두가 이해해야 합니다. 정보가 합법적인지 확인한 후 새로 고치지 않는 등록을 위한 PHP 코드를 구현하기 위해 등록 정보를 제출합니다. senduserinfo.php:
header('Content -유형: text/html;charset =GB2312');//잘못된 출력 방지
include('inc/config.inc.php');//기본 데이터베이스 구성 정보 포함
include('inc/dbclass .php');//데이터베이스 작업 클래스 포함
$username=trim($_GET['username']);//등록 이름 가져오기
$userpwd=md5(trim($_GET['userpwd' ]));//등록 비밀번호 얻기
$time=date("Y-m-d");
//---------------------- ---------- -------------- ---------- -
$db=new db;//데이터베이스 작업 클래스에서 인스턴스 생성
$db->mysql($dbhost,$dbuser,$dbpassword,$ dbname);//연결 매개변수 함수 호출
$db->createcon();//연결 생성 함수 호출
//---------------- ------------- ----------- ------------- ---
//데이터 삽입 시작
//--------- ------------- ----------- -------------
$addsql="cr_userinfo 값에 삽입(0,'$username','$userpwd','$time',50,1,'$userquestion' ,'$useranswer')";
$db- >query($addsql);
echo"
축하합니다. 등록이 완료되었습니다. 성공적인! 로그인하려면 여기를 클릭하세요! ";
$db->close();//데이터베이스 연결을 닫습니다
?>
OK!!끝났습니다. 렌더링을 살펴보겠습니다.
1.
2.
3.
4.
5.
어때요? 나쁘지 않아요 포스팅을 너무 많이하느라 많이 지쳤네요 다들 좋아하셨으면 좋겠습니다~~
위 내용은 AJAX asp.net 페이징 내용을 포함하여 새로 고침되지 않는 등록(실시간 사용자 이름 감지 포함)의 AJAX asp.net 페이징 PHP + AJAX 구현에 관심이 있는 친구들에게 도움이 되기를 바랍니다. PHP 튜토리얼.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
