Docsity
Docsity

Prepara tus exámenes
Prepara tus exámenes

Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity


Consigue puntos base para descargar
Consigue puntos base para descargar

Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium


Orientación Universidad
Orientación Universidad


Cómo cargar archivos y realizar peticiones a un servidor web usando JavaScript - Prof. Ram, Ejercicios de Programación Java

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

2020/2021

Subido el 27/07/2021

hernan-diaz-11
hernan-diaz-11 🇨🇴

1 documento

1 / 2

Toggle sidebar

Esta página no es visible en la vista previa

¡No te pierdas las partes importantes!

bg1
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);
}
pf2

Vista previa parcial del texto

¡Descarga Cómo cargar archivos y realizar peticiones a un servidor web usando JavaScript - Prof. Ram y más Ejercicios en PDF de Programación Java solo en Docsity!

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) ; }