[解決済み] form.submitのレスポンスを取得する方法
2022-04-28 18:57:21
質問
次のようなコードがあります。
<script type="text/javascript">
function SubmitForm()
{
form1.submit();
}
function ShowResponse()
{
}
</script>
.
.
.
<div>
<a href="#" onclick="SubmitForm();">Click</a>
</div>
のhtmlレスポンスをキャプチャしたい。
form1.submit
? どうすればいいですか?form1.submit メソッドに任意のコールバック関数を登録できますか?
解決方法を教えてください。
プレーンなjavascriptでは簡単にできないでしょう。フォームを投稿すると、フォームの入力内容がサーバーに送信され、ページが更新されます - データはサーバー側で処理されます。つまり
submit()
関数は実際には何も返さず、フォームのデータをサーバーに送信するだけです。
もし本当にJavascriptで(ページを更新することなく)レスポンスを取得したかったら、AJAXを使う必要があり、AJAXを使うという話を始めると 必要 を使用し、ライブラリを使用します。 jQuery は圧倒的に人気があり、私も個人的に好きです。jQueryのプラグインに フォーム これは、まさにあなたが望むようなことをやってくれます。
jQueryとそのプラグインの使い方はこうだ。
$('#myForm')
.ajaxForm({
url : 'myscript.php', // or whatever
dataType : 'json',
success : function (response) {
alert("The server says: " + response);
}
})
;
関連
-
Vueのフィルタの説明
-
[解決済み】 env: node: macにそのようなファイルやディレクトリはありません
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] Node.jsを使うタイミングをどう判断するか?
-
[解決済み] JavaScriptで配列の先頭に新しい配列要素を追加するにはどうすればよいですか?
-
[解決済み] テキストボックスのEnterキーで、JavaScriptでボタンクリックをトリガーする
-
[解決済み】別のウェブページにリダイレクトするにはどうすればいいですか?
-
[解決済み】オブジェクトからプロパティを削除する(JavaScript)
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
要素ツリー制御によるvueTreeテーブル
-
Vueにシンプルなメモ帳機能を実装
-
[解決済み】最大呼び出しスタックサイズ超過エラー
-
[解決済み】React Nativeアプリをターミナルから実行するとエラーが発生する(iOS)
-
[解決済み】ExpressJS : res.redirect()が期待通りに動かない?
-
[解決済み】(Google Map API) Geocodeは以下の理由で成功しませんでした。REQUEST_DENIED
-
[解決済み】リクエストに失敗していないのに、「TypeError: failed to fetch」が表示される。
-
[解決済み] jqueryの関数でreturn falseを使用するのはどのような場合ですか?
-
nullのプロパティinnerHTMLを読み取れません エラーメッセージ
-
[解決済み] JavaScriptで'return false'するのはいつ、なぜ?