ホームページ >ウェブフロントエンド >jsチュートリアル >複数のWebフォームを同時に送信するJavaScriptメソッド_JavaScriptスキル

複数のWebフォームを同時に送信するJavaScriptメソッド_JavaScriptスキル

WBOY
WBOYオリジナル
2016-05-16 18:55:451244ブラウズ

たとえば、履歴書の詳細情報ページは、1. 個人情報、2. 職歴、3. プロジェクト経験、4. その他の情報の 4 つのフォームに分かれています。
一般的な要件は、ユーザーが変更操作のために次のページにいずれかのフォームを送信できるようにすることです (つまり、ページには 4 つの異なる変更ボタンがあり、どのボタンをクリックしても、特定のフォームをサーバーに送信し、フォームのアクションに従って)。
ユーザーが 1 つ以上のフォームを選択して変更を送信できるようにする必要があります。この場合、クライアント側でフォームを送信するにはどうすればよいですか?
免責事項: 4 つのフォームを 1 つの大きなフォームに結合でき、さまざまな変更ボタンに応じてサーバー側でさまざまなデータ操作を実行できると言う人もいるかもしれません。これは解決策ですが、ページ上のデータ量が比較的大きいことを考慮すると、効率を向上させ、データ送信量を削減するために、複数のフォームに分割して送信できるようにしたいため、この方法は使用できません。当面は検討します。
js または ajax を使用する必要がありますか?使用されない場合はどうなりますか?

2 個人的な見解
1 プロトタイプなどの送信には Ajax を使用します
new Ajax.Request(); 複数呼び出すことができます同時に呼び出します。デフォルトは非同期送信であるため、複数のフォームを同時に送信できます。この解決策が最も簡単です。
2 複数の iframe を使用し、各フォームのターゲットを別の iframe にポイントします。
次に、js の
document.getElementById("form1").submit(); を使用します。 form2").submit();
。 。 。
このように送信してください。


3 2 つのメソッドの比較
Ajax は便利でシンプルで、結果の処理もフレームワークによって行われますが、複数のメソッド間で送信することはできません。 Domains iframe 一般的な使用に最適であり、返された結果を処理するのに少し面倒です。これを呼び出すには、親を使用する必要があります。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。