AJAX 사용법

 

 

 

 

1. Ajax의 특징

- 페이지 이동 없이 서버와 비동기 통신이 가능하다.

- 부분만 새로고침하기때문에 빠르다.

 

2. ajax기본 문법

	$('#button').on('click',function(){
			let data={
					id:'seoha'
			}; // 우리가 보낼 데이터, 오브젝트형

			$.ajax({
				type : 'DELETE', // Delete타입으로 리퀘스트 할 예정이다.
				url : '/home/hello', // 찾아갈 url이다. 
				data : JSON.stringify(data), // 내가 보낼 데이터는 제이슨 타입입니다. 
				contentType : 'application/json; charset=utf-8', // 내가 보낸 데이터는 제이슨 타입이고 utf-8방식을 사용하였습니다.
				dataType :'json' // 리턴받을 데이터타입은 제이슨입니다. 
				}).done(function(result){ // 결과값이 성공하였다면 결과값을 받아서
					if(result.statusCode ==200){ // 200 은 성공하였다는 것
						alert('글이 삭제 되었습니다.'); // 경고창을 띄우고 
						location.href='/home/hello'; // 페이지를 이동하겠습니당. 
						}
					}).fail(function(result){ // 실패햇다면 
						alert('글 삭제가 실패하였습니다.') // 경고창을 띄우겠습니다.
						});

		});