FormData 확인: 단계별 가이드

Question

루핑을 console.log 并使用 for in해보았습니다.

다음은 FormData에 대한 MDN 참조입니다.

이 바이올린에는 두 번의 시도가 있습니다.

으아악

어떤 키가 설정되었는지 확인하기 위해 양식 데이터를 검사하는 방법.

Answer 1

짧은 답변

으아아아

긴 답변

다른 사람들은 fd.entries()의 条目，但 console.log 也可以采用多个参数
console.log(foo , bar, ...)
要接受任意数量的参数，您可以使用 apply 方法并按如下方式调用它：console.log.apply(console,数组）마다 로깅을 제안했습니다.
하지만 확산 연산자와 반복자
console.log(...array)를 사용하여 이를 수행하는 새로운 ES6 방법이 있습니다.

이 사실을 알아두세요. 사실 FormData와 배열 모두 프로토타입에 기본 for를 지정하는 Symbol.iterator 메서드가 있습니다. ..of 루프를 사용하면 ...iterable 展开参数，而不必去调用 formData.entries() 方法（因为这是默认函数）如果您愿意，您可以执行 for (x of formData)

을 사용할 수 있습니다.

으아아아

원본 본문이 어떤 모습인지 확인하고 싶다면 응답 생성자(Get API의 일부)를 사용하면 양식 데이터를 업로드할 때의 실제 모습으로 변환할 수 있습니다

으아아아

Answer 2

업데이트 방법:

2016년 3월 현재 최신 버전의 Chrome 및 Firefox에서는 FormData.entries()를 사용하여 FormData를 검사하는 기능이 지원됩니다. 출처.

으아악

이 점을 지적해 주신 Ghost Echo와 rloth에게 감사드립니다!

이전 답변:

이 Mozilla articles를 보면 FormData 개체에서 데이터를 가져올 수 없는 것 같습니다. AJAX 요청을 통해 전송할 FormData를 빌드하는 데에만 사용할 수 있습니다.

저는 또한 다음과 같은 질문을 발견했습니다: FormData.append("key", "value")가 작동하지 않습니다 .

이 문제를 해결하는 한 가지 방법은 일반 사전을 구축한 다음 이를 FormData로 변환하는 것입니다.

으아악

일반 FormData 객체를 디버깅하려면 이를 전송하여 네트워크 요청 콘솔에서 검사할 수도 있습니다.

으아악