programing

폼 데이터와 요청 페이로드의 차이점은 무엇입니까?

stoneblock 2023. 3. 5. 09:26

폼 데이터와 요청 페이로드의 차이점은 무엇입니까?

AJAX Post 요청을 전송하고 send() 메서드의 queryString 파라미터를 전송하면

Chrome Developer Tool의 XHR 캡처 도구는 요청 페이로드 아래에 매개 변수를 표시합니다.jquery의 Post 기능을 사용하면 Form Data 섹션 아래에 파라미터가 표시됩니다.

차이점은 무엇입니까?

송신 기능을 사용하는 방법에 대한 충분한 정보를 제공하지 않았지만, 폼 데이터를 송신하는 것을 지정하기 위해 mime 타입을 설정하지 않은 것으로 생각됩니다.

xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");

이 경우 전송된 데이터는 쿼리 문자열을 인코딩할 때 인코딩됩니다.

xhr.send("name=foo&value=bar");

그렇지 않으면 개발자 도구에 의해 폼 데이터로 해석되지 않습니다.

이 점에서 jquery는 대부분의 업무를 수행합니다.

업데이트: 차이점을 명확하게 답변하려면...

  • 요구(통상은 POST)에 의해,Content-type헤더 세트application/x-www-form-urlencoded본문은 url-module 키를 가진 표준 쿼리 문자열 형식이어야 합니다.= 쌍 결합자&그런 다음 폼 데이터 섹션에 키 값 매개 변수가 표시됩니다(파싱된 경우).이 방법은 HTML 양식의 기본값이기 때문에 과거에는 훨씬 더 일반적이었습니다.

  • 기타 케이스는 Request payload 섹션에 나와 있습니다(요즘에는 JSON 등의 일반적인 형식에서도 읽기 쉽도록 해석됩니다).

언급URL : https://stackoverflow.com/questions/10494574/what-is-the-difference-between-form-data-and-request-payload