Blog
Compartimos con Ustedes nuestros conocimientos y de momentos interesantes
11 julio, 2018

Formulario de comentarios de Ajax sin volver a cargar las páginas

Formulario de comentarios de Ajax sin volver a cargar las páginas

El formulario de comentarios de Ajax funciona sin reiniciar las páginas para que el usuario permanezca donde escribió el mensaje. El formulario se implementará con HTML, CSS, PHP, JavaScript con la tecnología Ajax. En realidad, esto permitirá que el formulario obtenga datos del script PHP y no reinicie la página del sitio.

Vamos a empezar de inmediato. Un ejemplo implementado con éxito se puede ver aquí – mst-info.ru no.

Formulario de comunicación al sitio

En primer lugar, vamos a añadir el código en HTML. Puede usar este script y en varios CMS, pero no requerirá mucho, funciona muy rápido. Aquí está nuestra forma.

La forma de retroalimentación es normal. Supongo que Ya está familiarizado con CSS y diseñe el formulario usted mismo, si no sabe lo que es, primero eche un vistazo a CSS. Así que aquí está la forma en que la arreglaste, es hermosa, pero no funciona. Pero eso no es nada, lo arreglaremos ahora.

Voy a correr un poco hacia adelante, en esta forma hice un pequeño cheque.  A veces la gente lo pregunta. El formulario utiliza el atributo required, que es necesario para indicar al navegador que este campo es obligatorio para rellenar. Pero también haremos nuestro chequeo adicional. Como se puede ver en el formulario, al hacer clic en el botón, nos enviará al controlador send.php. Por cierto, en su forma, haga el enlace correcto.

Controlador de formulario de comentarios con Ajax sin volver a cargar las páginas

Explicación de la forma a continuación. La variable $sub es el tema del mensaje donde se especifica mi correo electrónico, especifique el suyo para que todo funcione correctamente. Este script acepta los datos enviados desde nuestro formulario de comentarios y los revisa. Puede agregar campos adicionales de manera similar a estos, así como realizar comprobaciones de datos y así sucesivamente.

Preste mucha atención al resultado del controlador, es muy importante. El script en el resultado exitoso muestra los datos, y nuestro controlador ajax, ahora lo escribimos, estos datos se comprueban, así que aconsejo dejar todo como está, quiero decir, OK y Error.

El último toque

El formulario de comentarios ya funcionará, pero nos enviará aquí.php. Por lo tanto, debe incluir un poco de magia y hacer las cosas bien. Para hacer esto, conecte la biblioteca jQuery si aún no lo ha hecho. Conéctelo antes de que se cierre la etiqueta < / head>. Código abajo.

Después de conectar este script a nuestro sitio, creamos un tercer archivo, o escribimos directamente en el código, debajo de jQuery insertamos el siguiente código.

Eso es todo. Preste especial atención a la ruta del archivo send.php y escríbalo según Su ubicación de este archivo en el servidor. En el resto de la forma se ha demostrado perfectamente. Y funciona bien. Preguntas? Si es así, a continuación hay comentarios sobre el artículo. Escribidse. Me importa tu opinión.

P.S. Solución al problema de enviar archivos a través del formulario AJAX

Amistad. Muchos me hacen preguntas personales que el formulario no funciona si, por ejemplo, enviar un archivo adjuntándolo al formulario. Realmente lo es. El método serialize() no funcionará. Por lo tanto, use en lugar del código anterior siguiente, todo lo demás permanece sin cambios.

No olvide que puede emitir cualquier mensaje que forme su archivo PHP. Escribe sobre todas las preguntas.

Epígrafes: , ,

Siempre estamos en contacto con usted

Antes de contactar con los contactos que aparecen aquí, le pedimos que compare los precios y condiciones de nuestros competidores.

Esto le dará Una idea amplia de cuánto cuesta los servicios en el desarrollo del sitio llave en mano, cuánto tiempo lleva crear una tienda en línea o un sitio de tarjeta de visita.

No tardaremos más de tres semanas. Gracias.