JavaScript y AJAX

Enfoque de integración

Use JavaScript and AJAX to render or enhance the public form while LittleReply handles the published schema, durable intake, private inbox, and configured destinations.

Antes de copiar el código

1. Cree y publique el formulario con los nombres de campo exactos utilizados en el ejemplo.
2. Copie su clave pública y configure el origen implementado.
3. Mantenga los destinatarios y las credenciales privadas fuera del código del navegador.

Ejemplo para adaptar

Reemplace la clave y el punto final de ejemplo, luego adapte las etiquetas y los estilos sin cambiar accidentalmente los nombres de transporte.

// Conserva este identificador al reintentar el mismo contenido.
const attempt = crypto.randomUUID();
const response = await fetch("https://littlereply.com/api/submit", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
    "Idempotency-Key": attempt
  },
  body: JSON.stringify({
    form_key: "YOUR_ACCESS_KEY",
    fields: { name: "Taylor", email: "taylor@example.test", message: "¡Hola!" }
  })
});
const result = await response.json();
if (!response.ok) throw new Error(result.error?.message || "No se pudo enviar el formulario.");
// 202 = guardado; la entrega del correo se comprueba por separado.
console.log("Envío guardado", result.request_id);

Verificar el resultado

Verifique la solicitud y la respuesta del navegador, busque el envío almacenado y luego inspeccione el historial de entrega. Repita la prueba en el nombre de host implementado real.