본문 바로가기

codeStorage/javascript

페이지 전환없이 submit, innerHTML


function idChk()
{
var idvalue = document.member.id_value.value;
var xmlhttp;   
if (str=="")  {
  document.getElementById("txtHint").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.-nreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","id_check.asp?id="+str,true);
xmlhttp.send();
}

<a href="javas-ript:idChk()">[아이디 확인]</a>
<div id="txtHint">innerHTML 내용 표시 부분</div>



-> id_check.asp 파일은 id값을 request 받아서

아이디 중복검사를 한후 결과를 리턴해주고.. 이 결과값은 txtHint 에 표시된다.

물론 이러한 처리는 ifame 으로도 구현 가능하고,

결과값을 받는 방법에 따라 두가지 방법 중 선택하면 된다.

innerHTML은 소스에 결과로 나온 html태그를 삽입할 수 있고.

iframe은 결과로 나온값을 폼객체에 담아와야 한다.




'codeStorage > javascript' 카테고리의 다른 글

투명 DIV 만들기  (0) 2011.09.07
입력폼 한영전환/ 숫자만 입력 가능하게하는 속성  (0) 2011.05.06