> 웹 프론트엔드 > JS 튜토리얼 > AJAX 로드 양식이 POST 데이터를 PHP 스크립트로 보내지 않는 이유는 무엇입니까?

AJAX 로드 양식이 POST 데이터를 PHP 스크립트로 보내지 않는 이유는 무엇입니까?

Susan Sarandon
풀어 주다: 2024-11-08 13:54:01
원래의
637명이 탐색했습니다.

Why is my AJAX-loaded form not sending POST data to the PHP script?

AJAX 로드 콘텐츠의 양식 게시 문제

문제:
$. load(), 양식의 POST 데이터가 의도한 PHP 스크립트로 전송되지 않습니다. 대신 페이지가 자동으로 다시 로드됩니다.

배경:
AJAX(Asynchronous JavaScript and XML)를 사용하면 전체 페이지를 다시 로드하지 않고도 서버에 데이터를 보낼 수 있습니다. 일반적으로 이는 XMLHttpRequest를 사용하여 수행됩니다.

해결책:
AJAX에 익숙하십니까? 그렇지 않은 경우 해당 기능을 명확하게 설명하겠습니다.

AJAX를 사용하면 외부 PHP 파일에 데이터를 게시하여 이를 처리하고 응답을 반환할 수 있습니다. 프로세스에는 다음이 포함됩니다.

  1. 데이터 전송:

    • 유형: "POST" 및 URL을 지정하는 $.ajax()를 사용합니다. 게시할 PHP 파일입니다.
    • data 매개변수의 데이터를 키-값 쌍이 있는 문자열로 포함합니다.
  2. 데이터 처리:

    • PHP 파일에서 $_POST를 사용하여 게시된 데이터를 검색합니다.
  3. 답변:

    • PHP 파일 처리가 완료되면 JavaScript로 응답이 반환됩니다.

예:

main_file.html:

<script>
  $(document).ready(function() {
    $('#myForm').submit(function(event) {
      event.preventDefault(); // Prevent page reload
      var data = $(this).serialize(); // Serialize form data

      $.ajax({
        type: "POST",
        url: "process_form.php",
        data: data,
        success: function(response) {
          // Handle the response from the PHP file
        }
      });
    });
  });
</script>

<form>
로그인 후 복사

process_form.php:

<?php
  $name = $_POST['name']; // Get the posted name value

  // Process the data

  // Return a response
  echo "Name: $name";
?>
로그인 후 복사

위 내용은 AJAX 로드 양식이 POST 데이터를 PHP 스크립트로 보내지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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