Invia modulo Ajax

Descrizione

Framework7 consente di inviare automaticamente i dati utilizzando Ajax utilizzando i seguenti due modi:

• Quando l'utente invia il modulo o invia l' evento viene attivato nel modulo a livello di codice.

• Quando l'utente modifica un campo modulo o un evento di modifica attivato nel modulo a livello di codice.

Invia i dati del modulo al momento dell'invio

Per abilitare il modulo Ajax e inviare i dati del modulo facendo clic su Invia, automaticamente, è necessario aggiungere la classe ajax-submit al modulo. Dopo che l'utente ha inviato il modulo, Ajax invierà automaticamente i dati del modulo utilizzando le seguenti regole:

• I dati del modulo verranno inviati al file o all'URL menzionato nell'attributo di azione del modulo.

• Il metodo della richiesta sarà simile a quello menzionato nell'attributo del metodo del modulo.

• Il tipo di contenuto sarà lo stesso menzionato nell'attributo enctype del modulo. Se non menzionato per impostazione predefinita, è application / x-www-form-urlencoded .

Invia i dati del modulo alla modifica dell'input

Possiamo inviare i dati del modulo quando l'utente apporta modifiche nei campi del modulo utilizzando la classe ajax-submit-onchange come mostrato di seguito -

<form action = "send.html" method = "GET" class = "ajax-submit-onchange">
   ...
</form>

Quando l'utente modifica qualsiasi campo del modulo, i dati del modulo verranno inviati automaticamente utilizzando Ajax con le stesse regole discusse sopra.

Evento di invio Ajax

Per ottenere la risposta XHR effettiva dal file / URL in cui hai inviato i dati, puoi utilizzare eventi speciali come mostrato di seguito:

S.No	Descrizione dell'evento	bersaglio
1	submitted Questo evento verrà attivato dopo una richiesta Ajax riuscita.	Elemento modulo <form class = "ajax-submit">
2	beforeSubmit Questo evento verrà attivato subito prima della richiesta Ajax.	Elemento modulo <form class = "ajax-submit">
3	submitError Questo evento verrà attivato in caso di errore di richiesta Ajax.	Elemento modulo <form class = "ajax-submit">