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

広告付き Web サイトのページをリロードせずにフォームを送信するにはどうすればよいですか?

Barbara Streisand
リリース: 2024-12-22 22:01:15
オリジナル
516 人が閲覧しました

How Can I Submit a Form Without Reloading the Page on My Classifieds Website?

ページをリロードせずにフォームを送信する

広告 Web サイトのコンテキストでは、「チップを送信する」という課題に直面しています。ページをリロードせずに「友達に」フォームを送信します。指定したフォームには、入力フィールドと、電子メール アドレスにヒントを送信するための送信ボタンが含まれています。

フォームの送信後にページがリロードされないようにするには、フォームの target 属性と組み合わせて iframe 要素を利用できます。基本的に、フォームの応答を iframe にリダイレクトします。

実装:

  1. 一意の名前を持つ iframe 要素をページに含めます。表示を「なし」に設定して非表示にします。 view:

    <iframe name="votar">
    ログイン後にコピー
  2. ターゲット属性を使用して応答を iframe にリダイレクトするようにフォームを変更します:

    <form action="tip.php" method="post" target="votar">
        <!-- Form elements here -->
    </form>
    ログイン後にコピー

これを使用しますこのアプローチでは、フォームはページを再読み込みせずに送信され、PHP スクリプトからの応答は非表示の iframe 内に表示されます。これにより、ユーザーのブラウジング エクスペリエンスを中断することなくチップを送信できます。

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

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