ホームページ > ウェブフロントエンド > jsチュートリアル > ページをリロードせずにフォームを送信するにはどうすればよいですか?

ページをリロードせずにフォームを送信するにはどうすればよいですか?

Barbara Streisand
リリース: 2024-12-22 02:23:11
オリジナル
488 人が閲覧しました

How to Submit Forms Without Page Reloading?

ページを再読み込みせずにフォームを送信する

広告 Web サイトでフォームを送信するとページが再読み込みされるという問題が発生しています。この動作はユーザー エクスペリエンスを混乱させるため、望ましくありません。これに対処するには、次の代替アプローチを検討してください。

Iframe リダイレクト

ページ上に非表示の iframe を作成し、フォームのターゲット属性を iframe の名前に設定します。これにより、フォームの応答が iframe にリダイレクトされ、ページの再読み込みが防止されます。

<iframe name="votar">
ログイン後にコピー

サーバーサイド スクリプト

フォームをサーバーに送信することができます。 -サイド スクリプト (PHP など)。メッセージの送信を処理し、ユーザーを現在のページにリダイレクトします。

PHP スクリプト (tip.php) 内:

<?php
// Get the form data
$tip_email = $_POST['tip_email'];
$ad_id = $_POST['ad_id'];

// Send the tip email

// Redirect back to the current page without reloading
header('Location: ' . $_SERVER['HTTP_REFERER']);
?>
ログイン後にコピー

フォーム内:

<form name="tip" method="post" action="tip.php">
    Tip somebody: 
    <input 
        name="tip_email"
        type="text" 
        size="30" 
        onfocus="tip_div(1);" 
        onblur="tip_div(2);"
    />
    <input type="submit" value="Skicka Tips" />
    <input type="hidden" name="ad_id" />
</form>
ログイン後にコピー

「tip.php」を忘れずに置き換えてください。 PHP スクリプトへの実際のパスを確認し、それに応じてフォームのアクションとリダイレクト URL を調整します。

以上がページをリロードせずにフォームを送信するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート