ajax 공통함수로 묶는다면 콜백함수를 추가

Web Development assistant·2022년 4월 28일
0

# javascript

목록 보기
24/35
var callback = function(){
	alert('tt');
}

	$.ajax({
		url: '<%= request.getContextPath()%>/project.jsp',
		type : 'post',
		data : { name : 'jiseong'},
		success : function(result){
			$('#resultDiv').html(result);
			if(typeof callback === 'function'){
				callback();
			}
		},
		error : function(xhr){
			console.log(xhr.responseText);
		}
	});

공통함수로 묶을때 callback함수를 만들어
ajax의 후처리 를 하도록 하자.

사용 예시 : 좋아요 기능 구연시 모든 화면의 좋아요는 각자 다르게 동작하나 좋아요를 할 경우 숫자 1을 올리면서 하트의 색깔을 칠해줘야 한다.
이럴때 DB에 게시글의 좋아요 카운트를 올리는건 공통이지만,
숫자를 올린다던가 색을 칠했다가 지웠다가는 화면마다
다르게 적용된다.
따라서
후처리 작업을 할 수 있는 callback 함수를 만들어
ajax 비동기 통신이 완벽히 끝낼 수 있게 한다.

0개의 댓글