

Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity
Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium
Prepara tus exámenes
Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity
Prepara tus exámenes con los documentos que comparten otros estudiantes como tú en Docsity
Encuentra los documentos específicos para los exámenes de tu universidad
Estudia con lecciones y exámenes resueltos basados en los programas académicos de las mejores universidades
Responde a preguntas de exámenes reales y pon a prueba tu preparación
Consigue puntos base para descargar
Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium
Comunidad
Pide ayuda a la comunidad y resuelve tus dudas de estudio
Ebooks gratuitos
Descarga nuestras guías gratuitas sobre técnicas de estudio, métodos para controlar la ansiedad y consejos para la tesis preparadas por los tutores de Docsity
Cómo utilizar javascript para cargar archivos locales y desde un servidor, así como cómo realizar peticiones http y manejar las respuestas. Además, se muestra cómo enviar datos a un servidor mediante una petición post. El código incluye ejemplos de eventos de clic y funciones para cargar contenido y insertar datos en una base de datos.
Tipo: Ejercicios
1 / 2
Esta página no es visible en la vista previa
¡No te pierdas las partes importantes!


Cargando archivo de texto var btnCargar = document_._ getElementById( ' cargar ' ) ; btnCargar_._ addEventListener( ' click ', cargarContenido ) ; function cargarContenido () { var xhr = new XMLHttpRequest() ; // crearlo xhr_._ open( " GET ", " texto_prueba.txt ", true) ; // abrirlo xhr_._ onreadystatechange = function () { //console.log(xhr.readyState); // revisar que cambie if (xhr_._ readyState == 4 && xhr_._ status == 200) { //console.log("Se cargo correctamente"); // revisar que carge var contenido = document_._ getElementById( ' contenido ' ) ; contenido_._ innerHTML = xhr_._ responseText ; } }; xhr_._ send() ; } Cargando archivo desde el proyecto var btnCargar = document_._ getElementById( ' cargar ' ) ; btnCargar_._ addEventListener( ' click ', cargarContenido ) ; function cargarContenido () { var xhr = new XMLHttpRequest() ; xhr.open("GET", "servidor.php", true); solo cambia el archivo xhr_._ onreadystatechange = function () { //console.log(xhr.readyState); if(xhr.readyState == 4 && xhr.status == 200) { var contenido = document.getElementById('contenido'); var json = JSON.parse(xhr.responseText); cambia esta contenido.innerHTML = json.fullstack; y esta } } xhr.send(); } Cargando un archivo al servidor function insertarBD ( datos ){ // LLAMADO A AJAX //crear el objeto const xhr = new XMLHttpRequest() ; //abrir conexion xhr_._ open( ' POST ', ' inc/modelos/modelo-contacto.php ', true) ; //pasar los datos xhr_._ onload = function (){ if ( this. status === 200) { console_._ log(JSON_._ parse(xhr_._ responseText)) ; //leemos la respuesta de PHP const respuesta = JSON_._ parse(xhr_._ responseText) ; console_._ log(respuesta_._ empresa) ; } } //enviar los datos xhr_._ send(datos) ; }