Tradizionalmente, i moduli Web sono configurati per l'invio sincrono. Quando gli utenti inviano un modulo, vengono reindirizzati a una pagina di conferma o, in caso di invio non riuscito, a una pagina di errore. Tuttavia, esperienze Web moderne come applicazioni a pagina singola stanno acquisendo sempre maggiore popolarità, dove la pagina Web rimane statica mentre l'interazione client-server avviene in background. È ora possibile fornire questa esperienza con i moduli adattivi configurando l'invio asincrono. In questo caso, un modulo adattivo si comporta come un'applicazione a pagina singola in quanto il modulo non viene ricaricato o il relativo URL non cambia quando i dati del modulo inviato vengono convalidati sul server.
Per ulteriori informazioni sull'invio asincrono nei moduli adattivi, consultare il documento.
Per configurare l'invio asincrono per un modulo adattivo:
In modalità di creazione moduli adattivi, selezionare l'oggetto Contenitore modulo e toccare per aprirne le proprietà.
Nella sezione delle proprietà Invia, abilitare Usa invio asincrono.
Nella sezione Su invio, selezionare una delle opzioni seguenti da eseguire in caso di invio corretto del modulo.
Toccate per salvare le proprietà.
AEM Forms fornisce handler out-of-the-box per l'invio di moduli con esito positivo e errore. I gestori sono funzioni lato client che vengono eseguite in base alla risposta del server. Quando un modulo viene inviato, i dati vengono trasmessi al server per la convalida, che restituisce una risposta al client con informazioni sull'evento success o error per l'invio. Le informazioni vengono trasmesse come parametri al gestore interessato per eseguire la funzione.
Inoltre, autori e sviluppatori di moduli possono scrivere regole a livello di modulo per ignorare i gestori predefiniti. Per ulteriori informazioni, vedere Ignorare i gestori predefiniti utilizzando le regole.
Esaminiamo innanzitutto la risposta del server per gli eventi di successo e di errore.
La struttura per la risposta del server per l'evento di successo dell'invio è la seguente:
{
contentType : "<xmlschema or jsonschema>",
data : "<dataXML or dataJson>" ,
thankYouOption : <page/message>,
thankYouContent : "<thank you page url/thank you message>"
}
La risposta del server in caso di invio corretto del modulo include:
Il gestore di eventi di successo legge la risposta del server e reindirizza quindi all'URL di pagina configurato o visualizza un messaggio.
La struttura per la risposta del server all'evento di errore di invio è la seguente:
{
errorCausedBy : "<CAPTCHA_VALIDATION or SERVER_SIDE_VALIDATION>",
errors : [
{ "somExpression" : "<SOM Expression>",
"errorMessage" : "<Error Message>"
},
...
]
}
La risposta del server in caso di errore nell'invio del modulo include:
Il gestore errori legge la risposta del server e visualizza di conseguenza il messaggio di errore sul modulo.
Gli sviluppatori di moduli e gli autori possono scrivere regole, a livello di modulo, nell'editor di codice per ignorare i gestori predefiniti. La risposta del server per gli eventi di successo e di errore è esposta a livello di modulo, a cui gli sviluppatori possono accedere utilizzando $event.data
nelle regole.
Effettuate le seguenti operazioni per scrivere le regole nell'editor di codice per gestire gli eventi di successo e di errore.