Tecnología

Inicio

Un tutorial sobre WordPress, jQuery y Ajax Formas

WordPress te permite crear formularios Ajax. Las formas se crean en HTML, pero la parte de procesamiento se ejecuta en el código Ajax. JQuery es un tipo de código Ajax que se parece al lenguaje Javascript. Se crea plugins utilizando el lenguaje PHP para configurar la forma, y ​​luego se crea la secuencia de comandos de jQuery para procesar la página formulario de envío.

Instrucciones

1 Haga clic en la página PHP que desea utilizar para el plugin. Haga clic en "Abrir con" y elija el editor de PHP preferido.

2 Crear el formulario con el siguiente código que pide al usuario que introduzca un nombre:

<Form id = método de "myform" = "post">
Nombre: <input type = "text" name = "nombre">
<Input type = "submit" value = "Enviar formulario" name = "submit">
</ Form>

3 Cree la función jQuery que se dispara cuando el usuario hace clic en el botón "Enviar". El código siguiente obtiene los datos del formulario y lo envía a la página de procesamiento llamado "formprocess.php":

(Function () {
$ (# Someten) .submit () {
name = '' var data = + document.getElementById ( "nombre") de valor.;
$ .ajax ({

escriba: "POST",

url: "formprocess.php",

datos: Datos
})
})

4 Añadir un mensaje de "éxito" de la página, por lo que el usuario sabe que el formulario ha sido procesado, en sustitución de "returndiv" con el nombre del contenedor div que desea utilizar:

$ ( '# Returndiv'). Html ( "éxito")