AJAX를 사용하여 중복된 사용자 이름을 감지하는 방법

php中世界最好的语言
풀어 주다: 2018-03-31 09:15:54
원래의
3285명이 탐색했습니다.

이번에는 AJAX가 사용자 이름 중복 여부를 감지하는 방법을 보여 드리겠습니다. AJAX가 사용자 이름 중복 여부를 감지할 때 주의 사항은 무엇인가요? 먼저 렌더링을 보여드린 후 코드를 보여드리겠습니다.

AJAX를 사용하여 중복된 사용자 이름을 감지하는 방법

AJAX를 사용하여 중복된 사용자 이름을 감지하는 방법

사용자 이름이 고유한지 확인하려면 아래에 간단한 예를 작성하세요(직접 입력) 코드):

프런트 엔드 인터페이스:

nbsp;html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


<meta>
<title>检测用户名是否唯一</title>
<style>
<!--
#toolTip {
  position:absolute;
  left:331px;
  top:39px;
  width:98px;
  height:48px;
  padding-top:45px;
  padding-left:25px;
  padding-right:25px;
  z-index:1;
  display:none;
  color:red;
  background-image: url(images/tooltip.jpg);
}
-->
</style>


로그인 후 복사
                    
 
  

  

                                                                                                       
用户名:AJAX를 사용하여 중복된 사용자 이름을 감지하는 방법
密码:   

确认密码:
E-mail:
 
     
 

AJAX 파일:

<script>
function createRequest(url) {
  http_request = false;
  if (window.XMLHttpRequest) {                  // 非IE浏览器
    http_request = new XMLHttpRequest();             //创建XMLHttpRequest对象
  } else if (window.ActiveXObject) {               // IE浏览器
    try {
      http_request = new ActiveXObject("Msxml2.XMLHTTP");  //创建XMLHttpRequest对象
    } catch (e) {
      try {
        http_request = new ActiveXObject("Microsoft.XMLHTTP"); //创建XMLHttpRequest对象
      } catch (e) {}
    }
  }
  if (!http_request) {
    alert("不能创建XMLHttpRequest对象实例!");
    return false;
  }
  http_request.onreadystatechange = getResult;            //调用返回结果处理函数
  http_request.open(&#39;GET&#39;, url, true);                //创建与服务器的连接
  http_request.send(null);                    //向服务器发送请求
}
function getResult() {
  if (http_request.readyState == 4) {       // 判断请求状态
    if (http_request.status == 200) {      // 请求成功,开始处理返回结果
      document.getElementById("toolTip").innerHTML=http_request.responseText; //设置提示内容
      document.getElementById("toolTip").style.display="block";  //显示提示框
    } else {              // 请求页面有错误
      alert("您所请求的页面有错误!");
    }
  }
}
function checkUser(userName){
  if(userName.value==""){
    alert("请输入用户名!");userName.focus();return;
  }else{
    createRequest(&#39;checkUser.jsp?user=&#39;+userName.value);
  }
}
</script>
로그인 후 복사

jsp 파일:

이 예제에서는

데이터베이스에 연결

하지 않고 단순히 등록된 사용자를 나타내기 위해 배열을 사용합니다.

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

프로젝트의 Ajax 및 jsonp에 대한 실제 요약


Ajax를 사용하여 이메일과 사용자 이름의 고유성을 확인하는 방법

위 내용은 AJAX를 사용하여 중복된 사용자 이름을 감지하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!