ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery Ajax POST を使用して、ページ リダイレクトなしでフォームを PHP に送信するにはどうすればよいですか?

jQuery Ajax POST を使用して、ページ リダイレクトなしでフォームを PHP に送信するにはどうすればよいですか?

Linda Hamilton
Linda Hamiltonオリジナル
2024-12-23 16:58:13400ブラウズ

How Can I Use jQuery Ajax POST to Submit a Form to PHP Without Page Redirection?

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 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。