WEB, AJax란?

AJax (Asynchronous JavaScript and XML)

 

특징

 

비동기 처리
화면 이동을 안한다.
라이브러리가 없어도 된다.

 

브라우저의 XMLHttpRequest를 이용해 전체 페이지를 새로 가져오지 않고도 

페이지 일부만을 변경할 수 있도록 javascript를 실행해 

서버에 데이터만을 별도로 요청하는 기법이다.

 

$.ajax({
	type : '타입',
	url : 'url 주소',
	dataType : '데이터 타입',
	success : function(data){ 
		성공했을 때 
	},
	error : function(e){
		실패했을 때
	}
});

 

type	HTTP 통신의 종류	get(defualt), post, delete, put
url	ajax 요청할 url url : 'http://localhost:8080/Context명(project명)', 상대번지로 적어도 가능하다. ../project명
dataType	ajax를 통해 리턴 받을 데이터 타입	json, text, xml, html, script, jsonp
timeout	ajax가 호출된 시점부터의 수행 시간이 설정한 값보다 초과될 경우 에러 등의 상태로 전환	number(millisecs)
data	URL 파라미터를 통해 보낼 데이터
beforeSend	ajax 요청이 전송되기 전 실행하는 event 반환값을 false 또는 jqXHR.abort();로 설정하면 ajax 전송 취소 가능
success	ajax 통신 성공했을 때 실행되는 콜백 함수	: 200
error	ajax 통신 실패했을 때 실행되는 콜백 함수	404 : 주소오류 405 : 서비스 오류 500 : 코드 오류 / 서버오류 400 : parameter 오류
complete	success나 error가 호출된 이후에 호출되는 콜백함수

 

---

데이터를 서버로 보내는 방법

 

1. 변수 = 값
url : '../text/textdata.jsp?변수=값&변수=값',

2.

url : '../text/textdata.jsp',

data : '변수=값&변수=값', //서버로 보내는 데이터

 

url, data : 지정어, 예약어 -> 바꿀수 없다.

공백가능
keyword=Hello Ajax!!

3. JSON
data : {변수 : 값},

data : {'keyword' : 'Hello Ajax!!'},

---

JSP 서버 받고 보내는 방법

클라이언트 -> 서버

서버 -> 클라이언트

request : 요청 -> 값을 받는다
response : 응답 -> 대답을 해주는것

 

값 보내기

 

1.

<%

String result = request.getParameter("keyword");

%>

<%= result%>

2.
${} <%--EL / JSTL --%>

${ param.keyword } : keyword로 부터 받은 parameter를 찍어라