正直なところ、クライアント(この場合はブラウザー)がページをリロードせずにサーバーから何かを取得する必要がある場合、それは
AJAX XMLHttpRequestである必要があるという印象が長くありました。 ユーザーがどこかを突いて、イベントがトリガーされ、
AJAX XMLHttpRequestリクエストが生成され、サーバーから応答が返され、コールバックがそれを処理し、ユーザーが何かを見ました。
しかし、問題があります。 ユーザーがキーをすばやく頻繁に押すと、一定数の並列リクエストが作成され、その結果、後で送信されるリクエストが以前のリクエストよりもはるかに早く処理され、誤ったデータが出力される可能性があります。
はい、混乱する可能性があり、早期のリクエストを消す方法やキューを作成する方法を見つけます。 または何か他のもの。
このトピックのGoogleソリューションが気に入った:

つまり 検索フィールドのボタンをクリックするたびに、入力されたテキストは、入力されたファイルパラメーターに応じて、サーバー上の接続されたJSファイルのURLに置き換えられ、データを含むJS配列が生成され、最後に、レンダリング結果の関数が呼び出されます
AJAX XMLHttpRequestリクエストはありません。すべてが簡単で迅速です。