jQuery Ajax POST를 사용하여 페이지 리디렉션 없이 PHP에 양식을 제출하려면 어떻게 해야 합니까?

PHP를 사용한 jQuery Ajax POST 예제

리디렉션 없이 양식 데이터 제출

양식 제출로 인한 페이지 리디렉션을 방지하려면, jQuery Ajax는 양식 데이터를 캡처하고 이를 PHP 스크립트에 비동기적으로 보내는 솔루션을 제공합니다. 예는 다음과 같습니다.

양식(form.html):

<form>

jQuery(script.js):

// Prevent default form submission
$("#foo").submit(function(event) {
  event.preventDefault();

  // Serialize form data
  var serializedData = $(this).serialize();

  // Send data to 'form.php' using Ajax
  $.ajax({
    url: "form.php",
    type: "POST",
    data: serializedData,
    success: function(response) {
      console.log("Data sent successfully.");
    },
    error: function(jqXHR, textStatus, errorThrown) {
      console.error(errorThrown);
    }
  });
});

PHP (form.php):

<?php
  // Retrieve and process posted data
  $bar = isset($_POST['bar']) ? $_POST['bar'] : null;
  // ... perform database operations using $bar ...
?>

이 접근 방식을 사용하면 페이지 리디렉션이나 브라우저 새로 고침 없이 양식 데이터를 캡처하여 PHP 스크립트로 보낼 수 있습니다. 악성코드 삽입을 방지하기 위해 게시된 모든 데이터를 삭제하시기 바랍니다.

위 내용은 jQuery Ajax POST를 사용하여 페이지 리디렉션 없이 PHP에 양식을 제출하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!