JavaScript - 複数の Ajax リクエストを最適化する方法

Question

フロントエンド ページに 5 つまたは 6 つの ajax リクエストがあります。そのページを開くとスタックします。解決するにはどうすればよいですか?

＃＃＃コード＃＃＃ リーリー

Answer 1

setInterval('getData()',10);

詰まることなく 10 ミリ秒ごとにデータをキャプチャできますか?データはまだ戻ってきておらず、さらに 2 つ送信されました。これは無期限に継続されます。

Answer 2

まずページラグの問題を特定します。

ページの遅延は通常、DOM レンダリングの問題が原因で発生します。F12 で確認するとわかります。たとえば、HTML を ajax でレンダリングすると、間違いなくスタックします。

Answer 3

と ajax数量可能有关系，但应该不是主要原因，因为毕竟ajax は非同期なので、一度に大量のデータを取得する場合は、すべてのデータを一度に取得するのではなく、バッチでロードすることをお勧めします。

ロードされている場合は、次のセクションをロードします

Answer 4

ページの初期化時にコードがやむを得ない場合は読み込みを追加して解決します

Answer 5

遅延処理には Promise を使用します。

Answer 6

ページのコードを、できれば Chrome タイミングのスクリーンショットと一緒に投稿してください。