Ajax를 사용한 데이터 전송에서 FormData()를 사용하는 방법입니다.
사용 예제 :
var formData = new FormData();
formData.append("data1","바나나");
$.ajax({
url : "./data_submit.php",
async: true,
type: "POST",
enctype: 'multipart/form-data',
data : formData,
processData: false,
contentType: false,
success: function(data, textStatus, jqXHR)
{
console.log(data);
},
error: function (jqXHR, textStatus, errorThrown)
{
console.log(jqXHR);
}
});
/* FormData 를 선언합니다. */
var formData = new FormData();
/* data1이라는 변수에 바나나라는 값을 담아 form data에 추가합니다. 이런 방식으로 원하는 데이터값을 계속 추가합니다. */
formData.append("data1","바나나");
formData.append("data2","키위");
.
.
/* ajax를 사용하여 form data를 data_submit.php 파일로 전송합니다. */
url : "./data_submit.php",
data : formData,
/* 데이터 전송 타입은 POST로 지정하여 전송합니다. */
type: "POST",
/* ajax에서 전송 결과 성공 또는 실패 여부를 확인하고 처리합니다. */
success: function(data, textStatus, jqXHR)
{
console.log(data);
},
error: function (jqXHR, textStatus, errorThrown)
{
console.log(jqXHR);
}
'프로그래밍 > JavaScript' 카테고리의 다른 글
자바스크립트 소스코드 압축 및 난독화 (JavaScript Obfuscator Tool) (0) | 2024.11.11 |
---|---|
웹 GPS(Web GPS)를 사용한 현재 위치 정보 가져오기 (0) | 2024.09.10 |