#1 AJAX con Vanilla JavaScript - XMLHttpRequest | Leer archivo TXT con JavaScript

[@mtdeveloper1036]

Mira la verdad que sos un capo, tu simpleza para explicar hace que todo sea mas facil y rápido. La verdad te agradezco mucho por todo tu trabajo!!! Miro todos tus videos y siempre con un buen caracter y dando lo mejor para tus subs. VIDEAZO COMO TODOS LOS QUE HACES!!!!!!! Saludos desde Argentina master genio capo fiera animalllllllll

[@jacksdu13]

Perfecto. Sencillo y justo lo que necesitaba. Excelente

[@andreshurtado1588]

Gracis bluuwed por todos tus cursos gratis

[@adflu]

Saludos profe 🙏 gracias ( min11:45 se llama ampersand ) el tema esta bueno, para entender nodejs debes entender ajax que es el metodo para enviar y json el formato en el que van los datos

[@CristianoEstudioso]

Super explicación

[@daniilbigma8282]

Hola! Muchas gracias por los tutoriales! Llevo trabajando dos años como Full-stack developer y me encanta aprender algo nuevo encima con tan buenas explicaciones. Gracias. Un saludo!

[@kairomalachi255]

you all probably dont care at all but does anyone know of a tool to log back into an Instagram account?? I somehow lost my password. I love any assistance you can give me!

[@russellmartin6733]

@Kairo Malachi instablaster :)

[@kairomalachi255]

@Russell Martin i really appreciate your reply. I got to the site through google and I'm trying it out atm. I see it takes a while so I will get back to you later when my account password hopefully is recovered.

[@kairomalachi255]

@Russell Martin it worked and I finally got access to my account again. Im so happy:D Thanks so much you saved my account !

[@russellmartin6733]

@Kairo Malachi happy to help =)

[@santiagoochoa7597]

eres un crack. Muchas gracias!! Saludos desde CO

[@fertorrez9020]

Muy buen video. Enserio muchas gracias por esto.. Llevo sufriendo jodido la verda con mi materia de la U

[@oremet47844]

viejo,de lo mejor que bien explicas,hace fácil entender el código,muchas gracias

[@juanalejandrohernandezcarr1914]

Buena era justo lo que necesitaba me leíste la mente. Maestro jajaja gracias

[@sooprema-software-inmobiliario]

Felicidades. Tengo que decir que explicas muy muy bien 👍

[@fernandocarranza5286]

Explicas Muy bien, se llaman & -> ampersand muchas gracias...

[@franostuven]

Muy bien explicado!! entretenido y con buenos ejemplos. Lo que no me quedo claro viendo otros videos es la diferencia que hay entre document.querySelector y document.getElementByid ya que los 2 lo traen por ID. Gracias

[@carlosandresramirezballest6294]

Hola amigo Ignacio. Excelente video. Usted explica muy bien. 👍

[@bluuweb]

Gracias 😁 pronto más vídeos :)

[@manolo130496]

muy buen video, explicacion super facil, mil gracias

[@jacknarvaez5591]

Hola, muy buena explicación pero tengo este error: "from origin 'null' ha sido bloqueado por la política CORS: Las solicitudes de origen cruzado solo son compatibles con esquemas de protocolo: http, data, chrome, chrome-extension, chrome-untrusted, https.". De lo que he leído debo instalar el Live Server y ejecutar en modo servidor en Visual Studio Code, pero si estoy usando Sblime Text ¿Cómo puedo solucionar mi problema? :( ayuda.

[@luian685]

Como cuando el maestro te lee la mente, Lo hicieron? pausaron? no lo hicieron, bueno siganme la corriente jajajaja. Excelente curso, gracias.

[@alejandrojara5926]

Hola, muy buenos tutoriales!. Tengo una consulta que no me quedo claro... a simple ojo AJAX y FETCH hacen lo mismo con la posibilidad de leer archivos o bien APIs pero cuando se usaria uno u otro?. Gracias!

[@oremet47844]

hola ,muchas gracias por tus videos , muy buenos todos,una consulta , para seguir con lo nuevo de javascript que es recomendable estudiar typescript o ecmascript

[@irispovedacarranza6685]

Buen día, estuve realizando el ejercicio pero al momento de ejecutar muestra el siguiente error: has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https

[@cristiansaavedra8649]

Tuve el mismo error. Los solucioné instalando la extensión de Live Server en mi visual studio code. Lo activé y con eso funcionó ok.

[@carlosmartinez-kz8ox]

buen curso loco. nuevo sub

[@kevinalexandervirgilioroja6843]

jajaj bluuweb de nuevo, deberías hacer un curso donde use javascript, ajax en el patron mvc con .net, como interactua el controlador con javascript. Aquí un fan que tomo el curso de bootstrap en udemy :)

[@jotap4363]

que le hagan la tarea dice jaj

[@osmeig6025]

Maestro Shileeenoooo! Gracias!

[@bluuweb]

🎉🎉🎉🎉

[@oduber.vasquez]

Excelente, muchas maneras de trabajar con apis

[@carlosmartinez-kz8ox]

otra manera de llamar al boton es con document.getElementById('boton').addEventListener('click', ejecutar);

[@yuniordiaz867]

gracias!

[@gabrielromero9595]

Gracias.

[@claudiorigollet542]

hola consulta, puedo mostrar una lista dentro de un input he buscado pero no he encontrado nada, buen video gracias

[@williamprogramer4168]

grande maestro :)

[@ramonrochamorales1926]

Hola que tal, que tema es el que estas usando para que el código se vea de esos colores?

[@_danisson]

Otra opción para no usar el evento readystatechange y saltear si es igual a 4 y status igual a 200 es usando el método onload, que se ejecuta cuando ya está todo listo.

[@unlimited_code]

El símbolo "&" se llama "ampersand" Excelente tutorial...

[@jjnnaa]

Sencillo y efectivo Tengo una duda, ¿para trabajar con AJAX es necesario tener un servicio web activado y acceder por ip o localhost?

[@Docuteca]

puedes trabajar en modo local igual

[@MUERTE2007COL]

Hola buenas noches, me sale este error: "Solicitud desde otro origen bloqueada: la política de mismo origen impide leer el recurso remoto en file:///C:/xampp/htdocs/prueba2/data-1.json (razón: la solicitud CORS no es http)." Que puede ser?

[@victorcesarquispeatencio3290]

no estas corriendo con tu servidor local o sea con el localhost

[@MUERTE2007COL]

@@victorcesarquispeatencio3290 si, claro que si, tanto el live server como xammp

[@jhonesteban620]

@@MUERTE2007COL Verifica que el método onreadystatechange lo hayas llamado con una función normal, ya que con las anónimas no lo permite.

[@rubenruales6679]

me pasa lo mismo :(

[@colegiojireh9623]

Hola, tengo el mismo problema que Solulciones Java: Access to XMLHttpRequest at 'file:///C:/Users/Victor%20Alvarez/Desktop/COMP/Leer%20archivo/texto.txt' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https. Me pueden apoyar por favor?

[@danielesquivel3155]

x2

[@danielesquivel3155]

nose si lo hayas resuelto pero aqui ahi un video : kzbin.info/www/bejne/jnLFoHmkj5eogas

[@hameneyro]

Gracias, si funciono

[@hameneyro]

sucede porque no es file:///C:/Users/Documents/Proyectos/Capacitacion/HTML%20CSS/Ajax/Index.html , debe ser de la forma 127.0.0.1:5500/Index.html

[@jesusgaona5737]

amigo buenos dias una pregunta respecto a boostrap 4, yo quisiera implementar calendario fecha y hora pero no reconoce en bootstrap quisiera saber como utilizarlo... espero su pronta respuesta

[@sharlies29]

Buen dia, muy agradecido por sus tutoriales son de gran ayuda, pero tengo un incoveniente al darle click sobre el boton me genera este errror, como se soluciona. Access to XMLHttpRequest at 'file:///D:/Andres/Cursos/JavaScript/AJAX/archivo.txt' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.

[@nahuelesposito3206]

Encontraste la solucion amigo?

[@alonsantosribeiro6252]

Buenos días amigo, podría publicar el código fuente aquí porque no puedo ejecutarlo en mi computadora, solo aparece el botón

[@josepadron7622]

gracias por este video, estoy buscando informacion porque quiero crear una pagina donde muestre los valores de las criptomonedas mas populares, y pensaba obtener los precios con una api

[@bluuweb]

Sería genial una web así :) Éxito!

[@elkinmurillo5623]

amigo que mas no veo el curso que sea solo javascript?

[@madmad6915]

saludos tengo este error podrías ayudarme ajax.js:10 Access to XMLHttpRequest at 'file:///C:/xampp/htdocs/curso_javascript/ajax_tuto/texto.txt' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

[@jacknarvaez5591]

1 año después y tengo el mismo error, dime, ¿lo pudiste solucionar?

[@madmad6915]

@@jacknarvaez5591 no aun no pero afortunadamente con otro tipos de consulta a diferentes api externas me funciona , me sirve usar promesas o async await...pero aun no lo he vuelto a probar tal cual este tutorial saludos.

[@juandiegomorenoojeda4919]

cual es la diferencia de Fetch y XMLHttpRequest?

[@reyesazs]

Amigo ayuda ya e hecho que lea,escriba texto en un txt pero no logro modificar el texto

[@rogeclash2631]

no entiendo muy bien que es el responsetext

[@Alexiscrew]

FETCH no tiene soporte para IE verdad?? (Sí, todavía existen clientes que usan IE)

[@lastblade4400]

Si en el archivo TXT hay varios parrafos o una lista,este ejemplo puede traer al html un parrafo especifico que este dentro del mismo archivo TXT o solo mostrara todo lo que contenga el TXT...y otra consulta mas,se puede hacer para un archivo distinto de un TXT como por ejemplo un excel o word? lo pregunto para hacerme un list de productos y hacer una busqueda de alguno en especifico en el html. gracias por la respuesta

[@bluuweb]

Hola, aquí encontré algo parecido: www.w3schools.com/xml/ajax_xmlfile.asp lo que propones trataré de hacerlo con bases de datos :) Saludos

[@solucionesjava6948]

Hola compañeros buen día, les escribo porque se me presenta este error. *(Access to XMLHttpRequest at 'file:///C:/Users/rosamar/Desktop/proyecto/archivo.txt' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.)* como hago para solucionarlo??

[@CarlosSurepetepetepe]

porque en la propiedad onreadystatechange no se le puede asignar una función flecha anónima (ES6) y hay que declararla como la vieja manera?

[@bluuweb]

La pusiste después del = ?

[@CarlosSurepetepetepe]

si

[@CarlosSurepetepetepe]

Encontre el porque en este link es.stackoverflow.com/questions/55177/js-c%C3%B3mo-usar-arrow-functions-cuando-s%C3%AD-necesito-el-contexto

[@bluuweb]

Wuau me sirvió mucho el enlace que compartiste. GRACIAS!!

[@juanalejandrohernandezcarr1914]

Tengo una pregunta de javascript tengo dos formularios ocultos apretas un boton e ingresas un pedido y desde la tabla apretas un ancla para editar pasas los datos de la tabla al formulario de edicion de datos y los obtengo todos exepto esto, tengo un select con 3 option (Pendiente - Pedido - Entregado) y quiero igualar el estado del option con lo que viene de la tabla es decir si la tabla dice Entregado cuando aprete el ancla de editar se iguale y quede seleccionado

[@juanalejandrohernandezcarr1914]

A estoy trabajando con materialize y las funciones con jquery

[@bluuweb]

Pucha entendí la mitad de lo que me explicas jijiji

[@juanalejandrohernandezcarr1914]

@@bluuwebtengo un formulario para actualizar oculto, desde una tabla que muestra el contenido capturó el evento click de ancla de actualizar, y a su vez aparece el formulario cargando los datos de la tabla al formulario los obtengo así $(".tabla-pedidos .editarPedido").on("click", function(e){ e.preventDefault(); producto=$(this).parent().parent().children("td:eq(3)").text(); }); Y dentro de la función cargo lo que capturó y se lo agrego a los input Así $("#producto-actualizarpedido").val(producto); Pero tengo un select Pendiente Pedido Entregado Estado Y lo que quiero es que al capturar el dato de estado quede seleccionado como cuando le pones selected para que muestre ese valor por defecto

[@bluuweb]

Trataré de analizarlo y te comento :) Saludos

[@juanalejandrohernandezcarr1914]

@@bluuweb vale perrin espero que me ayudes estoy aplicando las enseñanzas de tus vídeos php con pdo y como aun no aplico poo por que me es difícil aun he adoptado de hacer consultas a la base de datos en funciones y le paso los parámetros así no replicó el código una y otra vez gracias a ti desperté un poco mas la lógica de programacion saludos :)

[@dubancardona2289]

Excelente video amigo | como se llama el tema del editor

[@bluuweb]

En la descripción del vídeo hay una playlist de visual studio code :)

[@JavierRodriguezlordjavivi]

Como levantaste el servidor local?

[@jhonesteban620]

Instala esta extensión marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer y en la parte inferior derecha del editor te sale algo que dice 'Go Live' les das click y te abre el navegador con un servidor local.

[@gibrancordoba100]

De donde viene .responseText ? A y quiero agradecerte porque aqui estoy aprendiendo lo que no aprendi en otros canales...

[@bluuweb]

Hola, aquí tienes más info www.w3schools.com/xml/ajax_xmlfile.asp de igual forma trataré de verlo en los futuros videos :)

[@canete_code]

Hola, saludos. Llegue a este video buscando una forma de crear un archivo XML a partir de un formulario. Me gustaría saber si alguno lo ha hecho o tiene una idea del como con JavaScript, llevo un montón de tiempo buscando una manera y no la consigo, gracias

[@washingtontorielli5185]

Hola, muy buen video, pero siempre me sale este error Solicitud desde otro origen bloqueada: la política de mismo origen impide leer el recurso remoto en file:///C:/Users/x/Desktop/proyecto/demo.txt (razón: la solicitud CORS no es http). ​

[@washingtontorielli5185]

@@mauriciopino5984 tenés que activar el modo servidor en en el visual Code antes

[@mauriciopino5984]

​Muchas gracias Washington. Ahora funciona OK. Saludos.

[@malditobajista]

@@washingtontorielli5185 muchas gracias \o/

[@rubenruales6679]

@@washingtontorielli5185 como activo el modo servidor en el visual Code??

[@hazlosipuedes]

sigue con más ejemplos de fetch por favor y combinalos con async await

[@bluuweb]

Buena idea! Voy a buscar info :) saludos

[@scbtccoinspa5282]

Se puede programar en visual studio code?

[@osmeig6025]

En serio preguntas eso?

[@scbtccoinspa5282]

@@osmeig6025 si soy principiante! ! Necesito ayuda

[@bluuweb]

En la descripción del vídeo tienes un pequeño curso de visual studio code :) saludos!

[@osmeig6025]

@@scbtccoinspa5282 pues contactame. Agenda mi número y mandame WhatsApp : [phone]. Escribelo así tal cual te lo pasé. Mandame mensaje. Y te ayudo.

[@osmeig6025]

@@scbtccoinspa5282 acepta mis disculpas. Pensé que estabas bromeando. Escríbeme. Prometo ayudarte.

Si porque opera mini no soporta api fetch :(

[@bluuweb]

No lo sabía, buen dato! Gracias!! Saludos!

[@michaelalexischaconmarin9164]

hola, buenas noches, tengo una pregunta. ¿porque no funciona en chrome?, en firefox si corre bien. agradezco su ayuda.

[@deiniel18]

Perdon la pregunta, pero qué es Vanilla en todo esto jaja :)

[@ProductionsVAB]

Vanilla se le dice cuando se utiliza JavaScript puro sin frameworks ni librerias

[@deiniel18]

@@ProductionsVAB perfecto! Gracias😊

[@abelgonzalez3147]

bien explicado :) pero falta mucho orden en los videos

[@alegalicia]

no lo hicimos xD

[@ramonrochamorales1926]

Hola que tal, que tema es el que estas usando para que el código se vea de esos colores?