javascript 으로 페이지 업데이트 없 음

다음 본문:  프로그램 설계 에서 자주 발생 하 는 상황 은 사용자 가 어떤 데 이 터 를 필요 로 하 는 지 사전에 알 수 없 기 때문에 반드시 사용자 가 선택 한 후에 서 비 스 를 받 아야 한 다 는 것 이다.
기 에서 데 이 터 를 다시 추출 한 후 사용자 에 게 피드백 합 니 다.예 를 들 어 간단 한 상황 에서 사용자 가 성 을 선택 한 후에 우 리 는 즉시 시 에서 이 성 을
모든 시가 다시 나타나다.이런 상황 은 일반적으로 전체 페이지 를 새로 고침 한 후에 야 다시 읽 을 수 있 지만,이렇게 하면 효율 이 높 지 않 을 뿐만 아니 라,
우아 해 보이 지 않 아 요.그 실 용적 인 자 바스 크 립 트 와 마이크로 소프트웨어 의 XML HTTP 대상 을 결합 하면 우 리 는 새로 고치 지 않 아 도 된다."조금 만"이면
데 이 터 를 서버 에서 읽 어 내 면 전문 적 이면 서도 효율 적 으로 보인다.다음은 사용자 가 등록 되 었 는 지 검증 하 는 상황 으로 이 기술 을 보 여 드 리 겠 습 니 다.
 
1.먼저 서버 에 CheckUser.asp 파일 을 만들어 서 사용자 가 존재 하 는 지 확인 하고 사용자 가 존재 하 는 지 에 따라 각각 0 과 0 을 피드백 합 니 다.
1 u_name=Request.QueryString("u_name") if u_name 존재 then Response.write"0"else Response.write"1"end if 2.클 라 이언 트 HTML 디자인:1.JavaScript 코드function checkuser_exists(form){ u_name=form.u_name.value; if (u_name==null||u_name=='){alert("사용자 이름 을 입력 하 십시오");return false; } infoBoard=document.getElementById("checkInfo"); inforBoard.innerText='조회 중...';myurl=location.protocol+"//"+location.hostname+"/CheckUser.asp?u_name="+u_name; retCode=openUrl(myurl); switch(retCode){case"-2":infoBoard.innerHTML='죄송합니다,조회 실패';break; case"1":infoBoard.innerHTML='축하합니다,'+uname+'사용 가능';break; case"0":infoBoard.innerHTML='죄송합니다,사용자 이름'+uname+'이미 사용 되 었 습 니 다';}return; }
function openUrl(url){ var objxml=new ActiveXObject("Microsoft.XMLHttp") objxml.open("GET",url,false); objxml.send(); retInfo=objxml.responseText; if (objxml.status=="200"){ return retInfo; } else{ return "-2"; } } 2.HTML 폼 디자인:

value="사용자 존재 여부 확인"onClick="checkuser_exists(this.form);">

상기 세 단 계 를 거 쳐 페이지 새로 고침 이 필요 없 는 데이터 업데이트 프로그램 이 완성 되 었 습 니 다(프레젠테이션 주소:http://www.web9898.cn/reg)，
이 방법 에 따라 멋 진 응용 을 많이 실현 할 수 있다.)