본문 바로가기

Javascript

아이디 중복검사 ajax를 이용해서 alert창에 경고 띄우기

반응형

요새 유난히 이런 고민 많이하는거같다.

내 창에서 값을 받아서 다시 내 창에 뿌려야됨...

끄응끄응 ajax 쓴지 한 3달된거같은데

 

그래도 자꾸 소스 찾아보니 약간씩 기억이 돌아옴.

이걸 이럴때 이렇게 쓰는게 맞나 싶긴하는데, 뭐 내가 원하는 결과는 나왔으니까~

일단 또 쓸일 생길지모르니 끄적여둔다.

 

var request = new XMLHttpRequest();
 function project_name_check(){
  
  var inputName = document.getElementById('project_name').value;
  
        if(inputName != ''){
               var url = '/sbc_html/project_select_name.controller';
               request.open('POST',url,true);
               request.onreadystatechange = callback; //값이 변할때마다 callback함수 호출
               request.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
               request.send('project_name='+inputName);

        }else if(inputName == '' || inputName == 'undifined'){ //입력되지않았을때 발생
               alert('이름을 입력해주세요.');
        }
      
        function callback(){
            if(request.readyState == 4){
                   if(request.status == 200){
                           var resultXml = request.responseXML;
                           var checkResult = resultXml.getElementsByTagName('resultId')[0].childNodes[0].nodeValue;

                           if(checkResult == 'true'){
                               alert(document.getElementById('project_name').value+'은 사용할 수 있는 이름입니다.');
                           }else{
                            alert(document.getElementById('project_name').value+'은 사용할 수 없는 이름입니다.');
                           }
                         
                   }
            }
    } 

 

반응형

'Javascript' 카테고리의 다른 글

javascript E-mail 유효성 검사  (0) 2014.09.18
Ajax 기본 명령어  (0) 2013.10.02
javascript로 구현한 달력  (0) 2013.09.30
submit 버튼 쓰는거보단...  (0) 2013.09.30
아주아주 간단한 마우스오버 event  (0) 2013.09.17