Enviar datos al servidor con AJAX estándar

Especificaciones del ejemplo

  1. Estilos CSS:
      Los estilos referente a los elementos contenidos en el div con clase "result" se localizan en el documento css/formulario.css.
  2. Dados los documentos form.html y lib/validaDatos.php. El código en JavaScript presenta:
    1. Función que inicializa el objeto XMLHttpRequest dado el navegador del usuario.
    2. Función que crea la cadena de los parámetros concatenados utilizando una variable nueva llamada nocache, para obligar al navegador a realizar la petición directamente al servidor sin utilizar el caché.
    3. Función que se encarga de procesar la respuesta del servidor y cargar el resultado en el div con id resultado.
    4. Función que construye la petición HTTP utilizando POST, indica la función encargada de procesar la respuesta del servidor, envía la petición al servidor junto con los parámetros.

Formulario



Resultado