$.ajax() 사용방법

$.ajax() 사용방법

function modal_open_space_confirm(v) {
	//$("#modal_space_confirm").modal('show');
	
	
	const params = {
		mode: 'mode_value',
		s_menu_code: s_menu_code
	};
	
	//console.log(params);
	
	$.ajax({
		url: 'url.php',
		type: 'post',			// http 요청 방식 (default: ‘GET’)
		async: true,			// false 일 경우 동기 요청으로 변경
		cache : true,  			// 캐시 여부
		timeout : 3000, 		// 요청 제한 시간 안에 완료되지 않으면 요청을 취소하거나 error 콜백을 호출.(단위: ms)
		dataType: 'json',		// xml, json, script, html
		data: params,			// 전송할 데이터
		
		success: function (data, status, xhr) {
			// 정상적으로 응답 받았을 경우에는 success 콜백이 호출되게 됩니다.
			// 이 콜백 함수의 파라미터에서는 응답 바디, 응답 코드 그리고 XHR 헤더를 확인할 수 있습니다.
			console.log(data, status, xhr);

			// console.log("갯수 : " + result['total_num']);
			$.each(data.menu_list, function(key, val) {
				console.log(key, val);
			});
			//const result = data.responseResult[0];
			
			// 데이터가 없을때
			
		},	// 요청 완료 시
		
		error: function (xhr, status, error) {
			// 응답을 받지 못하였다거나 정상적인 응답이지만 데이터 형식을 확인할 수 없기 때문에
			// error 콜백이 호출될 수 있습니다.
			// 예를 들어, dataType을 지정해서 응답 받을 데이터 형식을 지정하였지만,
			// 서버에서는 다른 데이터형식으로 응답하면  error 콜백이 호출되게 됩니다.
			for (const key in request) {
				console.log("Attributes : " + key + ", value : " + request[key]);
			}
			alert('code: '+request.status+"\n"+'message: '+request.responseText+"\n"+'error: '+error);
			$("#page_loding").hide();
		},	// 요청 실패.
		
		complete: function(xhr, status) {
			// success와 error 콜백이 호출된 후에 반드시 호출됩니다.
			// try - catch - finally의 finally 구문과 동일합니다.
			//console.log(xhr, status);
		}
	});
	
	$("#page_loding").hide();
	
}