JavaScript et AJAX

Principe de l’installation

Envoyez vos champs en JSON pour afficher les erreurs et la confirmation dans votre propre interface. Le contrat retourne data et error.

Avant de copier le code

1. Empêchez l’envoi natif et validez les contrôles du navigateur.
2. Créez une clé d’idempotence par contenu ; réutilisez-la pour reprendre une tentative incertaine.
3. Traitez les réponses HTTP avant de réinitialiser les champs. Une réponse 202 signifie enregistré.

Exemple à adapter

Cet exemple correspond au modèle de contact avec name, email et message. Une autre structure de champs nécessite un schéma publié correspondant. YOUR_ACCESS_KEY est une clé d’exemple à remplacer.

// Conservez cet identifiant pour reprendre le même contenu.
const tentative = crypto.randomUUID();
const reponse = await fetch("https://formeo.me/api/submit", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
    "Idempotency-Key": tentative
  },
  body: JSON.stringify({
    form_key: "YOUR_ACCESS_KEY",
    fields: { name: "Camille", email: "camille@example.test", message: "Bonjour !" }
  })
});
const resultat = await reponse.json();
if (!reponse.ok) throw new Error(resultat.error?.message || "Envoi impossible.");
// 202 = enregistré ; la livraison e-mail est suivie séparément.
console.log("Demande enregistrée", resultat.request_id);

Vérifier le résultat

Testez aussi l’adresse invalide, le champ obligatoire vide et une reprise après un problème réseau. Le message de confirmation doit décrire l’enregistrement sans garantir la livraison e-mail. Vérifiez ensuite l’historique dans votre espace.