본문 바로가기
CLASS/JAVA

#1-2 / Apache-tomcat 웹 페이지

by eungSe__ 2024. 4. 29.

[통신]

⚡ 비동기통신 ( 이용약관 textarea에 .txt파일 넣기 )
var agree1 = document.getElementById("ag1"); //textarea(div) 영역 id
var result = new XMLHttpRequest();
//open : 이미지, 동영상, 문서파일 등을 가져오는 함수
/* open("통신형태(GET,POST 등)","파일경로 및 파일명",true or false)
   -> true : 비동기통신,false : 동기통신 */

/* txt파일일 경우 저장시 
언어셋을 명확하게 셋팅 후 저장하여 웹에 반영될 수 있도록 한다(UTF-8) */

result.open("GET","agree1.txt?v=1",true);
result.onreadystatechange = function(){
	if(result.readyState==XMLHttpRequest.DONE && result.status==200){ //요청
		//정상적인 통신일 경우
		var texts = result.response; //응답
		agree1.innerHTML = texts;
	}else if(result.status==404){
		//파일명 또는 파일이 없어서 오류가 발생할 경우
		alert("해당 파일을 정상적으로 로드 하지 못하였습니다.")
	}
}

result.send() //통신을 시작하는 명령어 == submit

 

정상적으로 로드했다는 뜻ㅎ

🔽 다음단계 버튼

//이용약관 체크박스 체크 여부 확인 및 페이지 이동
function join(){
	var a = document.getElementById('agck1'); //이용약관
	var b = document.getElementById('agck2'); //개인정보 수집 및 이용
	
	if( a.checked == false || b.checked == false ){
		alert("약관에 동의를 하셔야만 회원 가입이 진행됩니다.")
	}else{
		//location.hreft : javascript 해당 페이지 강제 이동시 사용됨
		location.href = "./new_join.html"
	}
}

 

'CLASS > JAVA' 카테고리의 다른 글

#3-2 / 반복문  (0) 2024.05.02
#3-1 / 외부class,if문  (0) 2024.05.02
#2-2 / JAVA - OOP 🔥  (0) 2024.04.30
#2-1 / 로그인 form(javascript)  (0) 2024.04.30
#1-1 / start,setting  (0) 2024.04.29