본문 바로가기
자바웹프로그래밍/전자정부프레임워크-번외

ajax 와 submit(form) 의 차이?

by 디찌s 2020. 11. 16.
728x90
반응형

*도움이 되셨다면 광고 한번 클릭 부탁드립니다! 제게 큰 힘이됩니다!

 

Ajax

 

Ajax는 서버와 클라이언트의 데이터 전송 및 처리를 비동기식(Asynchronous)방식으로 처리한다.

 

비동기식 방식이란 서버에서 return Data가 날라오지 않아도 기다리지 않고 다른 작업을 바로 진행하는 방식이다.

 

그렇기에 대기시간이 줄어들어 웹페이지를 역동성있게 표현할수있다. 또한 전체페이지를 다시 읽어오는것이 아니여서

 

시간도 단축시킬수있다.

 

	function search(){
		

		$.ajax({
			url: "/loginservlet",
			dataType: "JSON",
			type: "POST",
			data: {
				nm: "",
				res_no: ""
			},
			success: function(data){
		
			},error: function(xhr,status,error){
				console.log(xhr,status,error);
			}
		});
		
	}

Submit

form 전체를 데이터를 날려 (페이지 전체를 날린다) 페이지가 리로드된다. 그렇기에 페이지가 변경되는 경우에 자주 사용한다. 흔히 사용할때는 로그인 후 페이지 이동을 할때 submit을 사용한다.

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<form method="post" action="/loginservlet">
		<input type="submit" class="s_btn" value="전송">
	</form>
</body>
</html>

 

Submit 방식은 동기방식으로 submit을 실행하면 다른작업을 하지 못한다. 

 

728x90
반응형

댓글