> 웹 프론트엔드 > JS 튜토리얼 > Ajax 게시 양식 제출 setRequestHeader 오류 해결 방법

Ajax 게시 양식 제출 setRequestHeader 오류 해결 방법

亚连
풀어 주다: 2018-05-25 15:30:51
원래의
2294명이 탐색했습니다.

ajax post 메소드 양식 제출은 비동기 객체의 xhr.setRequestHeader를 설정합니다. Google Chrome 컴파일러에서는 요청 페이로드에 전달된 값이 잘못된 것으로 표시됩니다.

비동기 객체 XMLHttpRequest를 생성하고 동시에 데이터를 전송합니다. post 메소드의 배경은 언제입니다.

비동기 객체의 xhr.setRequestHeader 멤버 값을

XMLHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")로 설정해야 합니다. 그렇지 않으면 백그라운드에서 수신할 수 없습니다. 전달된 메시지는 그만한 가치가 있습니다. 값이 요청 페이로드에 전달되는 것이 Google Chrome 컴파일러에 표시되기 때문에(그림 참조) - 속성

에 주의하세요. 올바른 방법은 양식 데이터에 있습니다. (그림 참조)

form form에 설정되는 이 enctype 속성(양식 데이터를 서버로 전송하기 전에 어떻게 인코딩해야 하는지 지정합니다. 총 3가지 양식이 있습니다. w3c 문서를 참조하세요)는

예: < ;form enctype="application/x-www-form-urlencoded">

jquery에는 serialize() 메서드가 있습니다. . 매개변수는 함께 그룹화될 수 있습니다. id="value"&name="value"로 변경하는 방법

위 내용은 앞으로 모든 분들께 도움이 되길 바랍니다.

관련 글 :

새로 고침 없이 페이지 URL을 변경하기 위해 ajax와 History.pushState를 사용하는 예_AJAX 관련

Ajax 기술 원리 3점 요약_AJAX 관련

AJAX 캡슐화 클래스 사용 가이드

위 내용은 Ajax 게시 양식 제출 setRequestHeader 오류 해결 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿