html5 formdata 변환 : 단계별 가이드

각 항목에 대해 빈 객체의 키를 항목 이름과 그 값으로 설정합니다.

var object = {};
formData.forEach(function(value, key){
    object[key] = value;
});
var json = JSON.stringify(object);

es6 화살표 함수를 사용하는 예 :

var object = {};
formData.forEach((value, key) => object[key] = value);
var json = JSON.stringify(object);

다중 선택 목록에 대한 지원 :

var object = {};
formData.forEach((value, key) => object[key] = value);
var json = JSON.stringify(object);

여러 값이 포함 된 경우 다음 접근 방식을 사용할 수 있습니다.

{}; formdata.foreach ((value, key) => { if (! recling.has (Object, Key)) { 개체 [key] = 값; 반품; } if (! array.isarray (Object [key]) { Object [key] = [Object [key]]; } 개체 [키] .push (값); });

FormData를 서버로 보내는 :

폼 데이터를 서버로 제출하려면 xmlhttprequest 또는 fetch API를 사용하여 폼 데이터 객체를 직접 보낼 수 있습니다. request. 객체가 지원되지 않는 유형이 포함 된 경우 직렬화 로직을 지정하기 위해 사용자 정의 tojson () 메소드를 구현해야 할 수도 있습니다.