注文アイテムなどの詳細が記載された複雑な請求書ページがあります。私はこの種のフォームを常に使用します。ページが読み込まれるとき、私はjavacode(forループなど)を使用して、そのようにhtmlを記述しています。私ができるもう1つのことは、jsonオブジェクトを返し、javascriptを使用してそのフォームを作成することです。より良い習慣は何ですか?
参考までに、私はJava、jsps、JQuery、jsonのみを使用しています。
これを行うための多くの「オプション」があります。Webフォームの場合、jsonオブジェクトを使用したjavascriptのルートを好みます。jsは非常に柔軟性があり、実装が非常に簡単です。
これらは2つのまったく異なるアプローチです。
技術的な要件に縛られていない場合は、サーバーからデータを取得する場合があるため、JavaScriptを選択することをお勧めします。
サーバーにデータを送信する場合は、サーバーテクノロジーが望ましいです。
私はjson、jqueryプラグインを提案します...より管理しやすく、よりクリーンなコード
Twitterがクライアント側からサーバー側のレンダリングに戻ったときに最近発見され、ページが1/5の時間で読み込まれていることがわかったため、クライアント側のレンダリングは一般に(ページの読み込み時間の観点から)遅いと考えられています。
16GBのRAMを搭載したコアi7コンピューターでサイトを実行している場合は、それほど大きな違いはありません。重要なのは、モバイルデバイスまたは古いコンピューターでクライアント側のサイトを頻繁に実行している場合です。より多くのjavascript=より高いRAM使用量と、ブラウザーが実行するより多くの作業(ダウンロード、解析、実行)。
誤解しないでください。素晴らしいAngularJSを使用できるので、私はクライアントサイドレンダリングの大ファンです。私にとっては、2つのバランスをうまくとることについてです。リッチなUIエクスペリエンスを備えた高速読み込みページが必要です。
たとえば、新しいリストページを作成している場合。サーバーから、ページとともにロードされた最初の10個程度の結果を取得できます。次に、下部にある[ニュース記事をさらに読み込む]ボタンや、JavaScript呼び出し(jQuery $ .ajax()、AngularJS $ httpなど)を介して次の10のニュースアイテムをJSONに非同期で読み込むページのようなものがあります。サービス。
とは対照的に:
クライアント側のみ:ページの読み込み中に、JavaScriptとJSONを介して最初の10個のニュースアイテムを読み込みます。[ニュース記事をさらに読み込む]ボタンをクリックすると、同じサービスを使用して、リクエストに応じて追加のニュースアイテムを読み込むことができます。
サーバー側のみ:サーバーから、ページとともに最初の10個のニュースアイテムをロードします。[さらにニュース記事を読み込む]ボタンをクリックすると、ページが更新され、次の10件のニュース記事がサーバーから返されます。