Un tutorial su Wordpress, jQuery e Ajax Forms

October 26

WordPress permette di creare forme Ajax. Le forme sono impostati in HTML, ma la parte di elaborazione viene eseguita nel codice Ajax. JQuery è un tipo di codice Ajax che sembra simile al linguaggio JavaScript. È possibile creare plug-in utilizzando il linguaggio PHP per impostare il modulo, e quindi si crea lo script jQuery per elaborare la pagina modulo di presentazione.

istruzione

1 Fare clic sulla pagina PHP che si desidera utilizzare per il plugin. Fai clic su "Apri con" e selezionare il vostro editor preferito PHP.

2 Creare il modulo con il seguente codice che chiede all'utente di immettere un nome:

<Form id = metodo "myform" = "post">
Nome: <input type = "text" name = "nome">
<Input type = "submit" value = "Invia modulo" name = "submit">
</ Form>

3 Creare la funzione jQuery che si attiva quando l'utente fa clic sul pulsante "Invia". Il codice seguente ottiene i dati del modulo e lo invia alla pagina di lavorazione denominata "formprocess.php":

(funzione( ){
$ (# Presentare) .submit () {
'name =' dati var = + document.getElementById ( "nome") del valore.;
$ .ajax ({

tipo: "POST",

url: "formprocess.php",

: Dati
})
})

4 Aggiungere un messaggio di "successo" alla pagina, in modo che l'utente sa che il modulo è stato elaborato, sostituendo "returndiv" con il nome del contenitore div che si desidera utilizzare:

$ ( '# Returndiv'). Html ( "Success")