JQuery Ajax 는 어떻게 등록 검 측 사용자 이름 을 실현 합 니까?

Ajax(서버 에 직접 요청 을 기다 릴 필요 가 없습니다)
(Asynchronous Javascript And Xml):비동기 적
Google 의 혁신 적 인 js 기술
방법 1:원시 적 으로 포장 하 는 방법 이 없 음:

//         
    var xmlhttp = null;

    function checkUser(userName) {
      if (xmlhttp == null) {
        xmlhttp = new XMLHttpRequest();//   :        
      }
      //   :      
      xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
          $("#tip").html(xmlhttp.responseText);
        }
      }
      xmlhttp.open("get", "register?op=check&userName=" + userName);
      xmlhttp.send();
    }

텍스트 상자 에 문 자 를 입력 하면 바로 데이터베이스 에 가서 이 사용자 이름 이 존재 하 는 지 찾 습 니 다.존재 하면 사용 가능 할 때 까지 알림 을 사용 할 수 없습니다.
방법 2:JQuery 의 Ajax:

//         
    function checkUser(userName) {
      $.ajax({
        type: 'post',//   get    type,   get
        url: "register",//action  
        data: {op: 'check', userName: userName}, //  ,     ,  date       
        success: function (res) {//    
          if (res.indexOf("yes") !== -1) {
            $("#tip").html("Yes! Available: user name!");//  
            //$("#tj").prop("disabled", false); //      

          } else {
            $("#tip").html("No! User name: not available!");//   
            // $("#tj").prop("disabled", true); //       
          }

        }
      });
    }
운행 효과 가 위 와 같다;
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기