それはあなたの要件が何であるかによって異なります。おっしゃる通り、一般的には以下の2つの方法があります。
書式設定された HTML を Ajax で読み込むか、JSON を読み込んでから自分で HTML を作成します。それぞれに長所と短所があります。
HTML の読み込み
利点:
- サーバー側で生成できるため、クライアント側のコードをクリーンに保つことができます
短所
- ネットワーク経由で送信するパケットのサイズが大きくなります
- リクエストはそのメソッドのみに非常に固有のものであり、再利用するのは困難です
JSON のロード
利点:
- ペイロードは可能な限り小さい
- 1 つの実装に結び付けていないため、JSON を他の目的 (モバイル クライアントなど) に再利用できます。
短所:
- HTML の生成はクライアント側で行う必要があります。これを手動または jQuery で行っている場合、これは面倒であり、クライアント側のスクリプトが大きくなる傾向があります。(解決策は、moustache.js や handlebars.js などのテンプレート エンジンを使用することです)
- レンダリング ロジックはサーバー上とクライアント上にあります。つまり、すべてが 1 か所にあるわけではありません。
ご覧のとおり、どちらにも長所と短所があります。ここには厳密なルールはありません。状況によって異なります。
一般的に、私のアドバイスは、何か手っ取り早いものが必要で、他の場所で同じ方法を使用する必要がないと思われる場合は、動的 HTML 読み込みを使用することです。他のページや他のクライアントでデータを再利用したい場合は、テンプレート エンジンで JSON を使用してください。