Archivo de la categoría: JQuery

Sistema de usuarios PHP, MySQL y AJAX

¡Hola buenas! En esta ocasión os traigo un sistema de usuarios PHP y MySQL con formularios AJAX y validación del formulario “al vuelo”. Para el diseño he usado bootstrap de forma que el sistema es 100% responsive.

Sistema de usuarios PHP

Formulario de inicio de sesión

Características

  • Registro y inicio de sesión
  • Perfil individual para cada usuario
  • Validación del formulario al vuelo (con JavaScript)
  • Diseño responsive (se adapta a móviles)
  • Capacidad para ser instalado en subdirectorios
  • Sistema básico de idiomas prefabricado por si se quisieran añadir más idiomas en un futuro
  • Botón recuerdame al inciar sesión

Sigue leyendo

Generador de tablas de multiplicar PHP y JavaScript

Hoy les traigo dos generadores de tablas de multiplicar elaborados el primero con: jQuery, AJAX y PHP; y el segundo solo con JavaScript y jQuery. Estos códigos resultaran sencillos para gente con conicimientos más avanzados, pero ayudarán a mucha gente a aprender a utilizar y a compreder los bucles.

Tabla de multiplicar generada con ese código

El código lo que hará es generar tablas de multiplicar a partir de dos rangos de números que proporcionará el usuario mediante un formulario

Como siempre, al final tendréis los enlaces para descargar los archivos completos.

Opción 1 (PHP, jQuery y AJAX)

Demo: Click aquí

Sigue leyendo

Peticiones AJAX a PHP con jQuery

Enviando un formulario por AJAX sin recargar la página

Las peticiones AJAX PHP nos permite enviar información mediante $_POST  o $_GET  a PHP sin necesidad de recargar la página, dando así mayor comodidad al usuario. En este caso, para facilitar las cosas utilizaremos la famosa librería jQuery.

Ventajas de usar AJAX

  • Ahorrar transferencia

Bien utilizadas, las peticiones AJAX nos van a permitir ahorrar ancho de banda en nuestra web ya que nos permitirá enviar solo la respuesta del formulario sin tener que procesar otra vez la web completa.

  • Mayor velocidad

De la misma manera de la que nos va a permitir ahorrar ancho de banda, al no enviar de nuevo todo el contenido de la página conseguiremos aumentar la velocidad del envío a PHP.

  • Mayor comodidad

Para un usuario, especialmente para los que tengan un Internet lento, es más dinámico y más cómodo poder realizar una acción en un sitio web sin tener que recargar la página.

Código del lado del cliente

Sigue leyendo