javascript - テーブルを作成するためのデータのレンダリング中にブラウザーが応答しない

Question

json データを取得するために ajax 呼び出しを使用しています。データには、たとえば 10000 サイズの配列が含まれています。

data.LocationQuality.forEach(function(datum){
}

私はこのループを使用してすべての要素を調べ、データムを使用してすべての td を埋めて tr を作成しています。

私が直面している問題は、大量のデータが原因であるということです。ループに時間がかかり、最終的にブラウザーが応答していないことが示され、ページを強制終了する必要があります。

この問題を解決するには？

Answer 1

コードがなければ、これは暗闇の中での刺し傷です:

1: ページ作成ループを最適化します。DOM 操作が非常に遅い - 別の方法で処理を改善できる可能性があります

2: データを少しずつダウンロードします。ユーザーがページをスクロールすると、データの次の部分を取得するために別の AJAX 呼び出しが行われます。

3: すべてのデータをダウンロードしますが、一度に 1 ページのみをレンダリングします。