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

Поділитися
Вставка
  • Опубліковано 14 гру 2024

КОМЕНТАРІ • 113

  • @mtdeveloper1036
    @mtdeveloper1036 3 роки тому +2

    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

  • @adflu
    @adflu 6 років тому +2

    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

  • @jacksdu13
    @jacksdu13 4 місяці тому

    Perfecto. Sencillo y justo lo que necesitaba. Excelente

  • @fertorrez9020
    @fertorrez9020 2 роки тому

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

  • @daniilbigma8282
    @daniilbigma8282 5 років тому

    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
      @kairomalachi255 3 роки тому

      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
      @russellmartin6733 3 роки тому

      @Kairo Malachi instablaster :)

    • @kairomalachi255
      @kairomalachi255 3 роки тому

      @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
      @kairomalachi255 3 роки тому

      @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
      @russellmartin6733 3 роки тому

      @Kairo Malachi happy to help =)

  • @andreshurtado1588
    @andreshurtado1588 3 роки тому

    Gracis bluuwed por todos tus cursos gratis

  • @jacknarvaez5591
    @jacknarvaez5591 3 роки тому +4

    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.

  • @carlosmartinez-kz8ox
    @carlosmartinez-kz8ox 6 років тому +6

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

  • @santiagoochoa7597
    @santiagoochoa7597 3 роки тому

    eres un crack. Muchas gracias!!
    Saludos desde CO

  • @oremet47844
    @oremet47844 5 років тому

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

  • @fernandocarranza5286
    @fernandocarranza5286 5 років тому +2

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

  • @irispovedacarranza6685
    @irispovedacarranza6685 3 роки тому +2

    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
      @cristiansaavedra8649 3 роки тому +1

      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.

  • @franostuven
    @franostuven 5 років тому

    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

  • @sooprema-software-inmobiliario
    @sooprema-software-inmobiliario 4 роки тому

    Felicidades. Tengo que decir que explicas muy muy bien 👍

  • @juanalejandrohernandezcarr1914
    @juanalejandrohernandezcarr1914 6 років тому +1

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

  • @luian685
    @luian685 5 років тому

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

  • @carlosandresramirezballest6294
    @carlosandresramirezballest6294 6 років тому

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

    • @bluuweb
      @bluuweb  6 років тому +1

      Gracias 😁 pronto más vídeos :)

  • @alejandrojara5926
    @alejandrojara5926 4 роки тому +1

    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!

  • @CristianoEstudioso
    @CristianoEstudioso Рік тому

    Super explicación

  • @_danisson
    @_danisson 5 років тому

    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.

  • @oremet47844
    @oremet47844 5 років тому +1

    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

  • @ramonrochamorales1926
    @ramonrochamorales1926 2 роки тому

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

  • @claudiorigollet542
    @claudiorigollet542 3 роки тому

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

  • @kevinalexandervirgilioroja6843
    @kevinalexandervirgilioroja6843 4 роки тому

    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
      @jotap4363 3 роки тому

      que le hagan la tarea dice jaj

  • @manolo130496
    @manolo130496 4 роки тому

    muy buen video, explicacion super facil, mil gracias

  • @colegiojireh9623
    @colegiojireh9623 4 роки тому +3

    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
      @danielesquivel3155 4 роки тому +1

      x2

    • @danielesquivel3155
      @danielesquivel3155 4 роки тому +1

      nose si lo hayas resuelto pero aqui ahi un video :
      ua-cam.com/video/XAboFnZ2uKI/v-deo.html

    • @hameneyro
      @hameneyro 4 роки тому

      Gracias, si funciono

    • @hameneyro
      @hameneyro 4 роки тому

      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

  • @unlimited_code
    @unlimited_code 6 років тому

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

  • @jesusgaona5737
    @jesusgaona5737 5 років тому

    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

  • @alonsantosribeiro6252
    @alonsantosribeiro6252 5 років тому

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

  • @MUERTE2007COL
    @MUERTE2007COL 4 роки тому +1

    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
      @victorcesarquispeatencio3290 4 роки тому

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

    • @MUERTE2007COL
      @MUERTE2007COL 4 роки тому

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

    • @jhonesteban620
      @jhonesteban620 4 роки тому

      @@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
      @rubenruales6679 4 роки тому

      me pasa lo mismo :(

  • @oduber.vasquez
    @oduber.vasquez 5 років тому

    Excelente, muchas maneras de trabajar con apis

  • @solucionesjava6948
    @solucionesjava6948 5 років тому

    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??

  • @reyesazs
    @reyesazs 5 років тому

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

  • @sharlies29
    @sharlies29 4 роки тому

    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.

  • @jjnnaa
    @jjnnaa 5 років тому +1

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

    • @Docuteca
      @Docuteca 5 років тому

      puedes trabajar en modo local igual

  • @juandiegomorenoojeda4919
    @juandiegomorenoojeda4919 5 років тому

    cual es la diferencia de Fetch y XMLHttpRequest?

  • @madmad6915
    @madmad6915 5 років тому +1

    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
      @jacknarvaez5591 3 роки тому

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

    • @madmad6915
      @madmad6915 3 роки тому

      @@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.

  • @elkinmurillo5623
    @elkinmurillo5623 4 роки тому

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

  • @carlosmartinez-kz8ox
    @carlosmartinez-kz8ox 6 років тому

    buen curso loco. nuevo sub

  • @osmeig6025
    @osmeig6025 6 років тому

    Maestro Shileeenoooo! Gracias!

    • @bluuweb
      @bluuweb  6 років тому

      🎉🎉🎉🎉

  • @Alexiscrew
    @Alexiscrew 6 років тому

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

  • @canete_code
    @canete_code 4 роки тому

    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

  • @rogeclash2631
    @rogeclash2631 4 роки тому

    no entiendo muy bien que es el responsetext

  • @josepadron7622
    @josepadron7622 6 років тому +1

    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
      @bluuweb  6 років тому

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

  • @lastblade4400
    @lastblade4400 6 років тому

    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
      @bluuweb  6 років тому

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

  • @CarlosSurepetepetepe
    @CarlosSurepetepetepe 6 років тому

    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
      @bluuweb  6 років тому

      La pusiste después del = ?

    • @CarlosSurepetepetepe
      @CarlosSurepetepetepe 6 років тому

      si

    • @CarlosSurepetepetepe
      @CarlosSurepetepetepe 6 років тому

      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
      @bluuweb  6 років тому

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

  • @juanalejandrohernandezcarr1914
    @juanalejandrohernandezcarr1914 6 років тому

    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
      @juanalejandrohernandezcarr1914 6 років тому

      A estoy trabajando con materialize y las funciones con jquery

    • @bluuweb
      @bluuweb  6 років тому +1

      Pucha entendí la mitad de lo que me explicas jijiji

    • @juanalejandrohernandezcarr1914
      @juanalejandrohernandezcarr1914 6 років тому

      @@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
      @bluuweb  6 років тому +1

      Trataré de analizarlo y te comento :) Saludos

    • @juanalejandrohernandezcarr1914
      @juanalejandrohernandezcarr1914 6 років тому

      @@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 :)

  • @williamprogramer4168
    @williamprogramer4168 6 років тому

    grande maestro :)

  • @gabrielromero9595
    @gabrielromero9595 5 років тому

    Gracias.

  • @michaelalexischaconmarin9164
    @michaelalexischaconmarin9164 6 років тому +1

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

  • @hazlosipuedes
    @hazlosipuedes 6 років тому

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

    • @bluuweb
      @bluuweb  6 років тому

      Buena idea! Voy a buscar info :) saludos

  • @JavierRodriguezlordjavivi
    @JavierRodriguezlordjavivi 4 роки тому

    Como levantaste el servidor local?

    • @jhonesteban620
      @jhonesteban620 4 роки тому

      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.

  • @yuniordiaz867
    @yuniordiaz867 5 років тому

    gracias!

  • @washingtontorielli5185
    @washingtontorielli5185 5 років тому

    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
      @washingtontorielli5185 5 років тому +2

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

    • @mauriciopino5984
      @mauriciopino5984 5 років тому

      ​Muchas gracias Washington. Ahora funciona OK.
      Saludos.

    • @malditobajista
      @malditobajista 4 роки тому

      @@washingtontorielli5185 muchas gracias \o/

    • @rubenruales6679
      @rubenruales6679 4 роки тому

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

  •  6 років тому

    Si porque opera mini no soporta api fetch :(

    • @bluuweb
      @bluuweb  6 років тому

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

  • @gibrancordoba100
    @gibrancordoba100 6 років тому +1

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

    • @bluuweb
      @bluuweb  6 років тому +1

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

  • @scbtccoinspa5282
    @scbtccoinspa5282 6 років тому

    Se puede programar en visual studio code?

    • @osmeig6025
      @osmeig6025 6 років тому

      En serio preguntas eso?

    • @scbtccoinspa5282
      @scbtccoinspa5282 6 років тому

      @@osmeig6025 si soy principiante! ! Necesito ayuda

    • @bluuweb
      @bluuweb  6 років тому

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

    • @osmeig6025
      @osmeig6025 6 років тому

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

    • @osmeig6025
      @osmeig6025 6 років тому

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

  • @dubancardona2289
    @dubancardona2289 6 років тому

    Excelente video amigo | como se llama el tema del editor

    • @bluuweb
      @bluuweb  6 років тому

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

  • @abelgonzalez3147
    @abelgonzalez3147 5 років тому

    bien explicado :) pero falta mucho orden en los videos

  • @deiniel18
    @deiniel18 4 роки тому

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

    • @ProductionsVAB
      @ProductionsVAB 4 роки тому +1

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

    • @deiniel18
      @deiniel18 4 роки тому

      @@ProductionsVAB perfecto! Gracias😊

  • @alegalicia
    @alegalicia 5 років тому

    no lo hicimos xD

  • @ramonrochamorales1926
    @ramonrochamorales1926 2 роки тому

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