ホームページ >ウェブフロントエンド >jsチュートリアル >Javascript_javascript スキルを使用して複数の Web フォームを同時に送信する方法

Javascript_javascript スキルを使用して複数の Web フォームを同時に送信する方法

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

2 個人的な見解
1 プロトタイプ
new Ajax.Request("/do1",{parameters:$("form1") など) を送信するには Ajax を使用します。 Serialize( )....);

new Ajax.Request("/do2",{parameters:$("form2").serialize()....); 🎜>同時に複数を呼び出すことができます。デフォルトでは、複数のフォームを同時に送信できます。

2 複数の iframe を使用し、各フォームのターゲットを別の iframe にポイントします。
次に、js の
document.getElementById("form1").submit(); を使用します。 getElementById("form2").submit(); 。 。
このように送信してください。



3 2 つの方法の比較

Ajax は便利でシンプルで、結果の処理もフレームワークによって行われていますが、それはできません。ドメイン間で送信できる
iframe は一般的な使用に最適であり、返された結果を処理するのに少し手間がかかります。呼び出しを行うには、親を使用する必要があります。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。