ページを更新せずにフォームを送信するには 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接続ポートが占有され、ファイルパスエラーが発生する問題を解決します
今朝、私は Wampserver を使用してローカルの win7 マシン上に PHP 環境を構築し、...
Synology NAS は Docker コンテナを使用して KMS アクティベーション サーバーを構築し、Windows システムとオフィスをアクティベートします (操作手順)
序文KMS を通じてライセンス認証できる Windows システムは、一般的に VL バージョン、つ...
MySql キャッシュ クエリの原理とキャッシュ監視およびインデックス監視の概要
クエリキャッシュ1. クエリキャッシュの動作原理クエリ ステートメントを実行する前に、MySQL は...
Alibaba Cloud Centos7.X で外部にポートを開く方法
一言で言えば、大手メーカーからクラウド サーバーを購入する場合は、セキュリティ グループに移動して、...
js キャンバスで円形の水のアニメーションを実現
この記事の例では、円形の水のアニメーションを実現するためのキャンバスの具体的なコードを参考までに共有...
Element-ui レイアウト (行と列コンポーネント) の実装
目次基本的な手順と使用方法行コンポーネントの分析レンダリング機能ソースコード分析Col成分の分析コン...
Docker 起動時の ES メモリ オーバーフローの解決方法
jvm.options ファイルを elasticsearch 構成に追加し、スタック サイズを変更...
ページを更新せずにフォームを送信するには iframe を使用します
そこで、この問題を解決するために埋め込みフレームワークを導入します。具体的な原則は、フォームがデータ...
Vue の better-scroll コンポーネントを使用して水平スクロール機能を実現する
について最近、Vue を学習する過程で、基本的な知識の練習と強化を目的として、Qunar.com の...
子要素の margin-top によって親要素が移動する問題の解決方法
問題の説明今日、ページ スタイルを変更していたときに、子要素にmargin-top設定したのに、子要...
CSS3 ボタン境界アニメーションの実装
まず効果を見てみましょう: html <a href="#"> &l...
getdata テーブル テーブル データ 結合 mysql メソッド
パブリック関数 json_product_list($where, $order){ グローバル ...
IE における条件付きコメントの利点と欠点
IE の条件付きコメントは、通常の (X)HTML コメントに対する Microsoft 独自の (...
MySQL で重複しない携帯電話番号テーブルをバッチ生成する方法のサンプルコード
序文多くの MySQL テスト シナリオでは、テスト用に一部のテスト データを手動で生成する必要があ...
nginx を使用したプロキシ サーバーの設定
Nginx は、リバース プロキシ機能を使用して負荷分散を実装できるほか、フォワード プロキシ機能を...