ページを更新せずにフォームを送信するには iframe を使用します
|
そこで、この問題を解決するために埋め込みフレームワークを導入します。具体的な原則は、フォームがデータを送信するときに、送信先が現在のページではなく、現在のページに埋め込まれたフレームに設定されることです。 まず、本文の下にインライン フレームを挿入する必要があります。 コードをコピー コードは次のとおりです。 <iframe style="width:0; height:0; margin-top:-10px;" name="submitFrame" src="about:blank"></iframe> 次に、次のようにフォームのターゲットをこの埋め込みフレームに設定する必要があります。 コードをコピー コードは次のとおりです。 <form name="testform" method="post" action="apply.cgi" target="submitFrame"> <input type="submit" value="送信"> </form> こうすれば必要なものが手に入ります。 |
<<: node.js チュートリアルの Util モジュールの例の詳細な説明
>>: CSS を使用して 3 列レイアウトを実装するサンプル コード。中央の列は適応型で、テキスト サイズに応じて幅が変わります。
推薦する
Mysqlがデータベースに接続するときのホストとユーザーのマッチングルールについての簡単な説明
--データベースに接続するとき、ホストとユーザーのマッチングルール公式ドキュメント: https:/...
CentOS 6 は Docker を使用して Zookeeper 操作例を展開します
この記事では、Docker を使用して Centos6 に Zookeeper をデプロイする方法に...
Tinymce リッチテキストを使用して Vue のツールバーボタンをカスタマイズする実践
目次tinymce、tinymce ts、tinymce-vue 宣言ファイルをインストールするパッ...
スーパーバイザーを使用して nginx + tomcat コンテナを管理する例
必要： docker を使用して nginx + tomcat デュアル プロセスを起動します。実際...
ネイティブJSが様々なスポーツの均一な動きを実現
この記事では、ネイティブ JS で実装された均一なモーションを紹介します。その効果は次のとおりです。...
jsは配列の平坦化を実装します
目次配列をフラット化する方法1.flat() の使用2. 正規表現を使用する3.reduce()+c...
HTMLのテーブルの内容は中央に水平と垂直に表示されます
CSSスタイルファイルで指定 #class td /*表のテキストを左右上下に揃えるように設定する*...
nginx ウェブサイト サービスのアンチホットリンクを設定する方法 (推奨)
1. ホットリンクの原則1.1 Webページの準備Web ソース ホスト (192.168.153...
Bootstrap が人気な 11 の理由
序文最も人気のあるフロントエンド開発フレームワークである Bootstrap は、Web サイトの開...
ウェブサイトのテキストはまだデザインする必要がありますか?
多くの人が、ウェブサイト上のテキストはデザインする必要があるのかと疑問に思うかもしれません。多く...
ネイティブ js で呼び出し、適用、バインドを実装する方法
1. 呼び出しを実装するステップ：関数をオブジェクトのプロパティとして設定します。これを関数に割り当...
4つのReactコンポーネントにおけるDOMスタイル設定の詳細な説明
1. インラインスタイル仮想DOMにインラインスタイルを追加するには、式を使用してスタイルオブジェク...
MySQL 5.7.20 の解凍バージョンをインストールするときに遭遇する落とし穴 (推奨)
MySQL公式サイト: https://www.mysql.com/downloads/ http...
フラットスタイルを使用してウェブサイトをデザインする方法
フラットなウェブサイト構造の本質はシンプルさです。コンテンツの重要なポイントを強調し、ページの装飾効...
クロスドメイン js フロントエンドの 8 つの実装ソリューション
目次1. jsonp クロスドメイン2. document.domain + iframe クロスド...