Nwlapcug.com


Un Tutorial su WordPress, jQuery e Ajax Forms

WordPress permette di creare forme di Ajax. Le forme sono impostate in HTML, ma la parte di elaborazione è eseguita in codice Ajax. JQuery è un tipo di codice Ajax simile al linguaggio JavaScript. È creare plugin utilizzando il linguaggio PHP per impostare il modulo, e quindi si crea il tuo script jQuery per elaborare la pagina di invio del modulo.

Istruzioni

1

Pulsante destro del mouse la pagina PHP che si desidera utilizzare per il plugin. Fare clic su "Apri con" e selezionare il vostro editor preferito di PHP.

2

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

< id modulo = "myform" method = "post" >
Nome: < input type = "testo" nome = "nome" >
< input type = "submit" value = "Invia modulo" nome = "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 elaborazione denominata "formprocess.php":

(function () {
$(#submit).submit() () {
var dati = ' nome ='+ document.getElementById("name").value;
$.ajax({

Tipo: "POST",

URL: "formprocess.php",

dati: i dati
})
})

4

Aggiungere un messaggio di "Operazione riuscita" alla pagina, così l'utente conosce che il modulo è stato elaborato, sostituendo "returndiv" con il nome del contenitore div che si desidera utilizzare:

$('#returndiv').html("Success")