私が構築しているアプリケーションで追加データを読み込むアプローチを解決するのが難しいです。たとえば、私は国と州のページに2つのドロップダウンを表示しています。私のアプローチは、ユーザーがajax呼び出しを行い、関連する状態をロードする状態を選択するときです。しかし私が考えているさまざまなアプローチは、すべての州を1つにロードし、JQueryを使用して、ユーザーが選択した国に属し、他の国を非表示にする州のみを表示する必要があるということです。それは正しいアプローチですか、それともAjaxコールが優れていますか？依存する選択フィールドをページにロードするための最善のアプローチ
私の経験では、両方のソリューションが良好です。すべては、目標とアプリケーションの使用状況に依存します。
登録などのプロセスでこのドロップダウンが使用されているため、訪問者がを使用したになると、データの非同期読み込み（ajax）を使用することは間違いありません。しかし、UXは良好な状態を保つ必要があることに注意する必要があります。だからスピナーやそのようなものを追加して、「ロード」していることを躊躇しないでください。
反対に、同じセッションでが複数回使用されている場合は、このドロップダウンがになります。これを使用するたびにユーザーをブロックしたくはありません。したがって、あなたはおそらくあなたのデータをDOM/jsにロードします。
あなたの例（国/州のリスト）では、それが大量のデータでない場合は、まず最初にロードする必要があります。逆にデータの読み込み量が膨大である場合は、ページの最初の読み込み後に非同期で行うことをお勧めします（ajaxで）。