[JQuery] ajax form 데이터 전송

■ JQuery ajax form 데이터 전송

: submit 사용하지 않고 ajax로 form 전송 (실제 submit 했을 때와 동일하게 파일 $_FILES 접근 가능)

<form id="tmpSendFrm" enctype="multipart/form-data" method="post">
	<input type="text" name="age" />
	<input type="text" name="tel" />
	<input type="file" name="files" />
	<button type="button" onclick="clkBtn()">버튼</button>
</form>

<script type="text/javascript">
	// 버튼 클릭 시 실행
	function clkBtn(){
		// Get form
		var form = $('#tmpSendFrm')[0];

		// Create an FormData object 
		var data = new FormData(form);

		$.ajax({
			type: "POST",
			enctype: 'multipart/form-data',
			url: '/document/upload.php',	// form을 전송할 실제 파일경로
			data: data,
			processData: false,
			contentType: false,
			cache: false,
			timeout: 600000,
			beforeSend : function() {
				// 전송 전 실행 코드
			},
			success: function (data) {
				// 전송 후 성공 시 실행 코드
				console.log(data);
			},
			error: function (e) {
				// 전송 후 에러 발생 시 실행 코드
				console.log("ERROR : ", e);
			}
		});
	}
</script>