jQuery Ajax 및 PHP를 사용하여 페이지 리디렉션 없이 양식을 제출하는 방법은 무엇입니까?

PHP를 사용한 jQuery Ajax POST 예제

소개:
양식을 제출하면 일반적으로 브라우저 리디렉션이 트리거됩니다. 이 문서에서는 jQuery Ajax를 사용하여 양식 데이터를 캡처하고 리디렉션 없이 처리하기 위해 이를 PHP 스크립트로 보내는 방법을 보여줍니다.

jQuery Ajax 구현:
jQuery를 사용하여 양식 제출을 처리하려면 Ajax에서는 다음 단계를 따르세요.

1. 다음을 사용하여 기본 양식 제출을 방지합니다. event.preventDefault().
2. $form.serialize()를 사용하여 양식 데이터를 직렬화합니다.
3. Ajax 요청이 보류 중인 동안 양식 입력을 비활성화합니다.
4. $. ajax() 메서드를 사용하여 직렬화된 데이터를 PHP 스크립트로 보냅니다.
5. 성공을 위한 콜백 핸들러를 정의합니다. request.done(), request.fail() 및 request.always()를 사용하여 실패 및 완료.
6. Ajax 요청이 완료된 후 양식 입력을 다시 활성화합니다.

PHP 스크립트 통합:
제출된 데이터를 처리하는 PHP 스크립트(우리의 form.php) 예):

1. 전역 변수 $_POST를 사용하여 게시된 값에 액세스합니다.
2. 악성 코드를 방지하려면 게시된 데이터를 적절하게 삭제해야 합니다.

추가 참고 사항:

• jQuery 1.8 이상에서는 .success(), .error() 및 .complete()를 더 이상 사용하지 않습니다. 대신 .done(), .fail() 및 .always()를 사용하세요.
• JavaScript 코드에서 .ajax() 대신 단축형 .post()를 사용할 수도 있습니다.
• 제공된 코드는 jQuery 1.8 이상은 물론 이전 버전인 jQuery 1.5에서도 작동합니다.

위 내용은 jQuery Ajax 및 PHP를 사용하여 페이지 리디렉션 없이 양식을 제출하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!