이 글은 가장 쉬운 예제를 통해 JavaScript의 FormData 개체를 보여줍니다.
JavaScript의 FormData 객체는 무엇입니까?
FormData 개체는 '를 사용하여 서버로 보낼 수 있는 JavaScript에서 데이터 컬렉션을 구축하는 데 널리 사용되는 접근 방식입니다. XMLHttp요청 ” 또는 검색됩니다. HTML 양식 요소와 동일한 기능을 수행합니다. 배열의 배열과 비교할 수 있습니다. 별도의 배열은 서버로 전송하려는 각 요소를 나타냅니다.
통사론
JavaScript에서 FormData 객체를 사용하려면 다음 구문을 사용하십시오.
const 양식 데이터 = 새로운 FormData ( ) ;
예제 1: HTML 양식 없이 FormData 객체 생성
먼저 특정 이름으로 상수를 초기화하고 해당 상수에 특정 값을 할당합니다. 여기서 “ 새로운 FormData() ”는 상수 값으로 사용됩니다.
상수 양식 데이터 = 새로운 FormData ( ) ;
다음으로 '에 인수를 전달하여 데이터를 추가합니다. 추가() ' 방법
formData.formData. 추가 ( '이름' , '장교' ) ;formData.formData. 추가 ( '이름' , '자베드' ) ;
formData.formData. 추가 ( '나이' , 25 ) ;
그 후 ' 콘솔.로그() ' 방법:
콘솔. 통나무 ( '양식 정보' ) ;
사용 ' ~을 위한 ” 루프를 사용하여 콘솔에 출력을 반복하고 표시합니다. 콘솔.로그() ' 방법:
~을 위한 ( formData의 obj를 보자 ) {콘솔. 통나무 ( 객체 ) ;
}
예제 2: HTML 양식으로 FormData 객체 생성
HTML 양식으로 FormData를 추가하려면 먼저 ' <형식> ” 요소를 추가하고 아래에 나열된 다음 특성을 추가합니다.
- 양식에 입력 필드를 추가하려면 ' <입력> ' 요소.
- 입력 태그 안에 ' 유형 ” 속성은 요소의 데이터 유형을 정의합니다. '를 포함하여 이 속성에 대해 가능한 여러 값이 있습니다. 텍스트 ”, “ 숫자 ”, “ 날짜 ”, “ 비밀번호 ', 그리고 더 많은.
- “ 자리 표시자 ”는 입력 필드에 표시할 값을 추가하는 데 사용되며 “name”은 입력 필드의 이름을 나타냅니다.
- “ 온 클릭 ” 이벤트는 사용자가 마우스를 클릭하여 기능을 수행할 때 트리거됩니다.
< 입력 유형 = '텍스트' 이름 = '이름' 자리 표시자 = '이름을 입력하세요' >< br >< br >
< 입력 유형 = '텍스트' 이름 = '이름' 자리 표시자 = '성을 입력하세요' >< br >< br >
< 입력 유형 = '날짜' 이름 = '나이' 자리 표시자 = '나이를 입력하세요' >< br >< br >
< 입력 유형 = '단추' 값 = '입력하다' 온 클릭 = '데이터()' >
형태 >
다음으로 CSS에서 양식에 액세스하고 양식 주위에 공간을 설정합니다.
. 형태 {여유 : 20픽셀 ;
심 : 30픽셀 ;
}
또한 스크립트 태그를 활용하고 다음 코드를 추가하십시오.
기능 데이터 ( ) {형태였다 = 문서. getElementById ( '형태' ) ;
constformData = newFormData ( 형태 ) ;
콘솔. 통나무 ( '양식 데이터' ) ;
~을 위한 ( obj offormData를 보자 ) {
콘솔. 통나무 ( 객체 ) ;
}
}
위의 코드 조각에서:
- '를 호출합니다. getElementById('양식') ” 양식 ID를 활용하여 양식에 액세스하는 방법입니다.
- 이제 액세스한 요소를 새 상수 ' 양식 데이터 '.
- 사용 ' ~을 위한 ” 반복을 반복하고 콘솔의 요소를 출력합니다.
산출
JavaScript에서 FormData 객체 생성에 대해 배웠습니다.
결론
FormData 개체는 서버로 보낼 수 있는 JavaScript 데이터 모음을 작성하는 데 사용됩니다. JavaScript에서 Formdata 객체를 생성하기 위해 두 가지 방법이 설명됩니다. 첫 번째는 간단한 자바스크립트를 사용하는 것이고, 두 번째는 HTML로 폼을 만들어 자바스크립트와 연동하는 것이다. 이 게시물은 JavaScript의 FormData 객체에 대해 설명했습니다.