Especificaciones del ejemplo
- Estilos CSS:
Los estilos referente a los elementos contenidos en el div con clase "result" se localizan en el documento
css/formulario.css.
-
El ejemplo consta de los documentos formXML.html y lib/validaDatosXML.php.
El código JavaScript presenta:
- Función encargada que inicializar el objeto XMLHttpRequest dado el navegador del usuario.
- Función encargada de crear una cadena de texto como una serie de pares clave/valor con los parámetros a
enviar al servidor.
- Función encargada de obtener la cadena de texto que representa un formato JSON con los datos de respuesta
del servidor y convertir la cadena en un objeto JSON utilizando el método "eval", después carga
los datos proporcionados por el usuario en el "div" con id resultado.
- Función que crea y envía la petición HTTP junto con la cadena con los parámetros al servidor
utilizando el método POST.
- El documento validaDatosJSON.php obtiene la cadena de parámetros enviados
por POST y extrae el valor de cada campo. Después construye una cadena que representa un formato JSON
con la información a enviar como respuesta a la página.