FormData 개체 내의 키와 값을 효율적으로 검사하려면 어떻게 해야 합니까?

FormData 검사: 키 탐색

양식 제출을 디버깅하고 검사하려면 FormData 개체의 콘텐츠를 이해하는 것이 필수적입니다. 그러나 console.log 및 루프 기반 접근 방식은 원하는 결과를 제공하지 못할 수 있습니다.

FormData.entries()

2016년 3월 이후 최신 버전의 Chrome 및 Firefox에서는 검사를 위해 FormData.entries() 사용을 지원합니다. 이 메소드는 FormData 객체 내의 키-값 쌍을 반복합니다.

// Create a test FormData object
var formData = new FormData();
formData.append('key1', 'value1');
formData.append('key2', 'value2');

// Display the key/value pairs
for (var pair of formData.entries()) {
    console.log(pair[0]+ ', ' + pair[1]); 
}

대체 접근 방식

FormData.entries()가 도입되기 전에는 FormData 개체에서 직접 데이터를 검색하려면 대체 방법이 필요했습니다. 한 가지 옵션은 일반 사전을 FormData로 변환하는 것입니다.

var myFormData = {
    key1: 300,
    key2: 'hello world'
};

var fd = new FormData();
for (var key in myFormData) {
    console.log(key, myFormData[key]);
    fd.append(key, myFormData[key]);
}

디버깅을 위해 XMLHttpRequest를 통해 FormData 개체를 전송하면 네트워크 요청 콘솔에서도 검사할 수 있습니다.

var xhr = new XMLHttpRequest;
xhr.open('POST', '/', true);
xhr.send(fd);

위 내용은 FormData 개체 내의 키와 값을 효율적으로 검사하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!