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);

 

 

+ Recent posts