私はAjaxを使うべきですか、またはコレクション全体を変数に格納する必要がありますか？

Question

私は1ページのアプリケーションを構築しています。 このアプリケーションには、MongoDBデータベースに格納されている7000個のポートのリストがあります。 検索でオートコンプリートのあるポートを検索できるようにする必要があります。

オートコンプリートの結果をAjaxにする必要がありますか？

OR

私はこの配列に私のオートコンプリートプラグ、変数に格納し、ポートの全体のコレクションを取得する必要がありますか？

ベストプラクティスは何ですか？ 最も賢明なパフォーマンスは何ですか？

Answer 1

ベストプラクティスと賢いパフォーマンスが賢明です：

1. たとえば、APIリソースに検索文字列を送信します

   /autocomplete?search=portname1 
   

2. は、オートコンプリートの結果を取得し、それらに

3. を視覚化あなたはオートコンプリートにexisting JS librariesを使用できます（お湯の発見を避けてください）

Answer 2

あなたはリストが成長すると言いましたので、私はあなたのアプリにリスト全体を読み込まないでしょう。リストが大きすぎるとパフォーマンスが低下する可能性があります。

私はこの方法でこの問題を解決するだろう：

1. 検索条件に一致トップ10〜20の結果を言うことができますどの返し、あなたのWebサービスのルートを確認します。
2. 入力時にエンドポイントにGET要求を送信します。
3. パフォーマンスを向上させるには、メモリ内のデータベース（Redisなど）にキャッシュすると、すべての要求に対してデータベースアクセスが遅くなることがありません。