inpage ajax forms

Question

私は現在アプリケーションを作成していますが、AJAX機能を追加したいと思いますが、私が望むものの例は何も見つかりません！

すべてのページを1つのページに保存しようとします。

たとえば、私は既にJQUERY - >サーブレットを使って表示されているページの左側にある製品のリストを自動的に生成しています。

ユーザーが製品をクリックすると、サーブレットに送信されるフォーム（これはコード化されていませんが、私はあまりにもわかります）を持つHTMLページにユーザーを誘導します。

しかし、ユーザーが製品をクリックすると、フォームはページ上の指定されたdivに読み込まれ、ユーザーはそのページを記入して、ページを離れずにサーブレットに送信できます。

私はJSPページをコーディングしてメインJSPページにプルする方がよいでしょうか？またはjqueryでフォームを作成しますか？

誰かが正しい方向に向いていますか？

Answer 1

jQuery-UIダイアログ、検証プラグイン、フォームプラグインをご覧ください。これらは、検証を伴う素晴らしいダイアログベースのajaxフォームを生成するために必要なものでなければなりません。

ファイルをアップロードする必要がある場合は、uploadifyプラグインがフォームデータを含むファイルを送信するのに適していることがわかりました。

Answer 2

将来的には、フォームを独自のJSPにしてjQuery経由でプルすると、フォームを編集しやすくなり、次の開発者にとって見つけやすくなります。 jQuery（またはJSの一般的な）で作成されたフォームを維持することは楽しいことではありません。

Answer 3

私はあなたが説明していることは、モーダルダイアログタイプのjQueryプラグインを使用して達成できると思います。そこにはいくつかありますが、jQuery UIのダイアログウィジェット（link）を見ると基本的なものを見ることができます。

より良いものは、エリック・マーティンのsimplemodalです。モーダルでフォームを表示し、ユーザーにバックエンドサーバーにモーダルを送信させることができます。

私は.NETプログラミングをもっと扱いますが、これらのプラグインはモーダルフォームに使用してバックエンドサービスに送信します。私は通常、フォームを別のHTMLページに抽出し、フォームを動的に読み込みます。 JavaScriptをマークアップから解放し、JavaScriptファイルを実際に掘り下げずにモーダルテンプレートを変更することができます。