How do you add expiration to an autocomplete cache?
Store { data, timestamp } in the cache. On lookup, check if Date.now() - timestamp < CACHE_TTL. If the entry is too old, fetch fresh data and update the cache. This prevents stale suggestions.
Verify This Answer
Cross-check this information using these trusted sources:
More FAQs in Autocomplete API Calls and Caching
Use fetch: const res = await fetch(`/api/suggestions?q=${encodeURIComponent(query)}`); return await res.json(). Always encode the query with encodeURIComponent to handle special characters.
Use a Map: if cache.has(query) return cache.get(query); otherwise fetch, then cache.set(query, data). This avoids duplicate API calls for the same query, improving performance and reducing server load.
Use AbortController: before each fetch, abort the previous controller and create a new one. Pass the signal to fetch. If the user types quickly, only the last request completes; previous ones are aborted.
Still have questions?
Browse all our FAQs or reach out to our support team