ajax submit 예제

튜토리얼 매트 주셔서 감사합니다, 양식은 잘 작동합니다. 부트스트랩 유효성 검사를 추가했으며 모든 것이 잘 작동합니다. 양식 필드가 올바르게 채워지고 양식이 제출되면 내가 가진 유일한 문제입니다. 이메일이 받은 편지함으로 두 번 전송됩니다. 전자 메일을 확인 하는 php 코드에 함수를 배치 하는 어떤 방법이 게시 되었습니다 작업을 중지 합니다. 의는 $.ajax() 방법의 명확하지 않은 부분을 분해 할 수 있습니다. dataType 설정은 서버에서 수신하는 데이터가 처리되는 방식을 제어합니다. 따라서 서버의 JSON을 클라이언트 측의 자바 스크립트에서 텍스트로 처리하려면 이 값을 텍스트로 설정합니다. dataType 값을 전혀 설정하지 않으면 jQuery는 서버가 보낸 내용을 파악하고 지능적으로 변환하려고 시도합니다. JSON이라고 생각하면 자바 스크립트 개체로 바뀝니다.

XML이라고 생각하면 네이티브 XMLDocument 자바 스크립트 객체로 바뀝니다. PHP 스크립트는 AJAX 호출이 보낸 입력을 처리하고 우리가 만든 $data[] 배열을 다시 뱉습니다. 양식을 제출한 후 브라우저 콘솔에서 볼 수 있습니다. 다음은 jQuery를 사용하는 AJAX 양식의 간단한 예입니다. my_form.html새 파일을 만들고 아래 코드에 붙여 넣기만 하면 됩니다. jQuery AJAX 양식, jQuery 입력 값을 제출하는 것과 관련하여 여전히 쿼리 또는 혼란이 있는 경우 당사에 문의하는 양식을 통해 당사에 연락할 수 있습니다. 영업 담당자 중 한 명이 가능한 한 빨리 귀하에게 돌아갑니다. 상담은 전혀 무료입니다.

자바 스크립트 부분에서 DOM 요소에 액세스 할 때마다 $() 함수를 호출 할 필요가 없습니다. 만든 변수 “양식” 및 “formMessages”에는 이미 변수에 대한 참조가 포함되어 있습니다. 더 간단하게 : … 양식.제출(… formMessages.remove클래스(`오류`); … 사이드 노트로, 연락처 양식은 오류없이로드됩니다, 그것은 내가 그것을 작성하고 제출 버튼을 누르면, 나는 jquery 파일에 충돌400 (잘못된 요청) 오류를 얻을 때입니다. 사소한 참고: http_response_code()는 PHP == 5.4를 필요로 하며, 이는 모든 서버에서 반드시 표준이 되는 것은 아닙니다. 현재 우분투 12.04 LTS 패키지, 예를 들어, 5.3. 어떤 이유로, 내 성공 및 오류 메시지가 새 페이지에 나타납니다. 내 “양식 메시지”div가 맨 아래에 있고 제출 버튼 옆에 있는 것이 범인이 될 수 있습니까? AJAX를 통해 양식을 제출하려면 자바 스크립트 파일에서 특정 작업을 수행해야합니다. 실제 사례를 살펴보겠습니다.