jQuery でシリアル化されたフォーム データが PHP サーバーに到達しないのはなぜですか?

DDD
リリース: 2024-11-02 16:43:02
オリジナル
165 人が閲覧しました

Why is my jQuery serialized form data not reaching the PHP server?

jQuery と PHP を使用したフォームのシリアル化と送信

問題: jQuery を使用してフォーム データをシリアル化しても、データはサーバーに到達していません。

HTML フォーム:

<code class="html"><form id="contactForm" name="contactForm" method="post">
    <input type="text" name="nume" size="40" placeholder="Nume">
    <input type="text" name="telefon" size="40" placeholder="Telefon">
    <input type="text" name="email" size="40" placeholder="Email">
    <textarea name="comentarii" cols="36" rows="5" placeholder="Message"></textarea>
    <input id="submitBtn" type="submit" name="submit" value="Trimite">
</form></code>
ログイン後にコピー

JavaScript:

<code class="javascript">$("#contactForm").submit(function(e) {
    e.preventDefault(); // Prevent browser submission
    $.post("getcontact.php", $("#contactForm").serialize())
    .done(function(data) {
        // Process server response
    });
});</code>
ログイン後にコピー

サーバー-サイド PHP (getcontact.php):

<code class="php">$nume = $_POST["nume"];
$email = $_POST["email"];
$telefon = $_POST["telefon"];
$comentarii = $_POST["comentarii"];</code>
ログイン後にコピー

問題の解決策:

この問題は、$.post( ) (jQuery 3.0 では非推奨になりました)。代わりに、次の設定で $.ajax() を使用します:

<code class="javascript">$.ajax({
    type: "POST",
    url: "getcontact.php",
    data: $("#contactForm").serialize(),
    dataType: "json",
    success: function(data) {
        // Process server response
    },
    error: function() {
        // Handle errors
    }
});</code>
ログイン後にコピー

この更新されたコードでは:

  • $.preventDefault() はブラウザーによるフォームの送信を停止します。
  • トランスポートは省略され、jQuery が最適なメソッドを選択できるようにします。
  • dataType は「json」に設定され、サーバーの応答を JSON として解釈します。
  • 成功およびエラーのコールバックはサーバーを処理します。それぞれ応答とエラー。

以上がjQuery でシリアル化されたフォーム データが PHP サーバーに到達しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!