원하는 데이터만 사용할 수 있는 ajax용 FormData

항상 ajax는 submit으로만 해결했는데 form 없이 원하는 데이터를 뽑아쓸 수 있는 방법이 있다. 

 

바로 FormData!

// 원하는 필드만 넘겨주는 방식 
var formData = new FormData(); 
formData.append("title", $("#title").val()); 
formData.append("content", $("#content").val()); 
formData.append("file", $("#file")[0].files[0]); 

$.ajax({ 
   type: 'POST', 
   url: '/board/save', 
   processData: false, 
   // 필수 
   contentType: false, 
   // 필수 	
   data: formData, 
   success: function(data) 
   { } 
});

 

여기서 중요한 포인트는 아래의 항목을 꼭 추가해야 정상작동된다.

• processData: false,
• contentType: false,