Ajouter une recherche d'entreprises avec autocomplétion à votre application
De nombreuses applications demandent aux utilisateurs de rechercher des entreprises, que ce soit pour vérifier des prospects dans des formulaires d'inscription ou pour trouver des profils d'entreprise dans des sites d'emploi et des CRM.
Introduction
Voici un exemple de champ d'autocomplétion pour suggérer des entreprises, que vous pouvez créer avec notre API.
Cette fonctionnalité peut être utile pour améliorer l'expérience utilisateur sur votre produit en rendant votre formulaire plus facile à utiliser.
Essayer la démo
Essayer avec un nom d'entreprise
Comment ça fonctionne
Nous avons conçu un endpoint API pour vous permettre de rechercher des entreprises par nom.
Cette fonctionnalité est limitée à un nombre spécifique de requêtes par seconde en fonction de votre plan. Assurez-vous de lire notre tarification pour en savoir plus sur les limites de l'API.
Les trois paramètres importants à connaître sont :
name
: Le nom de l'entreprise à rechercher.simplified
: Si la réponse doit être une version abrégée du profil de l'entreprise. Cela ne coûte pas de crédits lorsquetrue
.size
: Le nombre de résultats à retourner.
Pour tous les autres paramètres, veuillez consulter
.Jeton API
Avant d'utiliser The Companies API, vous aurez besoin d'un jeton API. Assurez-vous de lire notre documentation pour authentifier correctement vos requêtes.
Sélectionner ou créer un jeton
Exemples de code
Voici des exemples de code dans plusieurs langages pour implémenter un champ d'autocomplétion. Chaque exemple montre comment effectuer des requêtes API pour rechercher des entreprises par nom et gérer les réponses.
async function autocompleteCompanies(name, page = 1) {
const baseUrl = 'https://api.thecompaniesapi.com/v2/companies/by-name';
const params = new URLSearchParams({
name,
page,
simplified: 'true',
size: '25'
});
const url = `${baseUrl}?${params.toString()}`;
const response = await fetch(url, {
headers: {
Authorization: `Basic ${process.env.YOUR_API_TOKEN}`,
},
});
if (!response.ok) {
throw new Error(`API request failed: ${response.status}`);
}
return await response.json();
}
Librairies & composants
Explorez ces composants d'autocomplétion pour implémenter rapidement la fonctionnalité de recherche d'entreprises dans votre framework web préféré. Chaque composant offre des fonctionnalités robustes comme des suggestions de liste déroulante, la navigation au clavier et la personnalisation du style.
ui.shadcn.com
Combobox React polyvalent pour une saisie et une sélection améliorées.
ui.nuxt.com
Composant Nuxt puissant pour une saisie dynamique avec options déroulantes.
svelte.dev
REPL Svelte interactif démontrant la fonctionnalité d'autocomplétion.
material.angular.io
Guide complet sur la fonctionnalité d'autocomplétion d'Angular Material.
jqueryui.com
Un widget jQuery UI qui fournit une fonctionnalité d'autocomplétion sur les champs texte.
vue-multiselect.js.org
Composant select/dropdown/autocomplétion riche en fonctionnalités pour Vue.js
react-select.com
Contrôle Select Input flexible et puissant pour ReactJS avec multiselect et autocomplétion.
www.downshift-js.com
Primitive pour construire des composants d'autocomplétion React simples, flexibles et conformes WAI-ARIA
primevue.org
Composant d'autocomplétion avancé pour Vue avec plusieurs modes et options de personnalisation
Besoin d'aide pour implémenter votre cas d'utilisation ?
Contactez-nous via le chat ci-dessous, et trouvons la solution ensemble !