Diferencia entre Fetch vs AJAX

Поделиться
HTML-код
  • Опубликовано: 26 авг 2024
  • Aprende a hacer solicitudes HTTP con Fetch() en javascript, y además ve la diferencia entre usar esa función y la de Ajax tradicional.
    ✅ Suscríbete al canal bit.ly/RUclips-...
    🔔 Activa la campanita de notificaciones
    Descarga los archivos del tutorial:
    bit.ly/Github-s...
    bit.ly/MRR-Gith...
    Sígueme en las redes sociales:
    Blog: www.vidamrr.com
    Facebook: / vidamrr
    Twitter: / vidamrr
    Instagram: / vidamrr
    ----------------------------------------------------------------------------------------------------
    ➡️ Más videos dentro del canal:
    Café con Rivas - Vlogs bit.ly/mrr-vlogs
    Curso de PHP + MySQL bit.ly/mrr-curs...
    Basicos Dev: bit.ly/basicos-dev
    Tips y trucos: bit.ly/tips-trucos
    Mi primera app: bit.ly/primera-app
    Tutoriales Kotlin y Android: bit.ly/tutos-an...
    Problemas con código: bit.ly/problema...
    Curso básico de CSS: bit.ly/curso-cs...
    Diseño elementos con CSS bit.ly/componen...
    Mi primer sitio web con CSS: bit.ly/primer-s...
    Curso avanzado de CSS3: bit.ly/curso-css3
    Sitio web Completo en CSS3: bit.ly/mrr-siti...
    Curso de jQuery: bit.ly/mrr-curs...
    Portafolio web con jQuery: bit.ly/portafol...
    Sitio web dinámico con jQuery bit.ly/sitio-di...
    Tutoriales Photoshop bit.ly/mrr-tuto...

Комментарии • 66

  • @jeyssonxd5986
    @jeyssonxd5986 5 лет назад +39

    deberías de explicar la diferencia entre ajax y fetch, eso iría mas al titulo

  • @OulidenReudaL
    @OulidenReudaL Год назад +1

    Es genial, buen trabajo mostrando las diferencias y porque se usa una o otra.

  • @MarcosEsqueda
    @MarcosEsqueda 5 лет назад +5

    Genial! También me gustaría ver sobre promesas y async-await

    • @vidamrr
      @vidamrr  5 лет назад +2

      ya está el video en progreso... :)

  • @oshoosho4604
    @oshoosho4604 Год назад +1

    cual es más rápida a nivel de bits?

  • @alejandracasado7636
    @alejandracasado7636 3 года назад +2

    antes no habia comprendido la vinculación entre el primer y el segundo then. Eso me aclara muchisimo, se procesa una sola operación por cada then no??

  • @esthernunez410
    @esthernunez410 7 месяцев назад +1

    Buena tarde, mil gracias por la explicación, tengo una duda, ¿porqué cuando reviso en consola el resultado, solo veo el código de la página, y obvio no me funciona, espero puedan orientame
    Gracias anticipas.

  • @dimaspeterson94
    @dimaspeterson94 2 года назад +1

    Hola! Muy buena explicacion, una consulta. Esto es solo con Java EE o se puede en Java SE también? Podrias mostrar como recibir las peticiones con Spring Boot?

  • @ariel5515
    @ariel5515 5 лет назад +1

    Sii esta recool, yo uso ajax tradicional sin jquery, porque me parece descriptivo y no requiere dependencias, pero esto sigue siendo descriptivo y mas corto excelente!, si pudieras seria bueno que mostraras mas sobre promesas pero desde cero gracias

    • @vidamrr
      @vidamrr  5 лет назад

      Claro que sí! es todo un tema pero con gusto lo explico

    • @Ale.Alejandramuñoz1427
      @Ale.Alejandramuñoz1427 4 года назад

      Hola ariel, como haces para usar Ajax

    • @Mantequilla723
      @Mantequilla723 4 года назад +1

      @@Ale.Alejandramuñoz1427 men al hacer una petición http de ofrma asíncrona al servidor estas usando ajax. Ajax es sólo un nombre, pues ya el intercambio de datos por xml está casi obsoleto... ahora es json. Deberia llamarse ajaj. Jajajajaja asi que no te dejes llevar por e nombre. Ecma scrip6 incorpora las promesas para reducir el codigo de manera mas eficiente y con tratamiento de errores mas optimizados. En cuanto a la gente que fice que se debebn hacer 2 then() para poder procesar los datos, recordemos que el metodo res.text() o res.json() también devuelven promesas, y por lo tanto hay que ejecutar con then() también. No se si conozca los observables, pero se tratan de la misma foma... cada observable debe ejecutarse con su .subscribe() porque sino, no hace nada. Saludos!

  • @luiseberrojasduque1104
    @luiseberrojasduque1104 2 года назад

    Simple, claro y con excelencia, Gracias por compartir,

  • @randalljosue
    @randalljosue 3 года назад

    Gracias necesitaba saber la diferencia. Hoy en día lo más moderno es usar Fetch con Async y Await.

  • @LuisGonzalez-co8yz
    @LuisGonzalez-co8yz 2 года назад

    Me late montones tu manera de explicar tus vídeos son cortos y concisos deberías tener cursos de pago

    • @vidamrr
      @vidamrr  2 года назад

      Gracia amigo!! Tengo un curso de Javascript en Udemy pero pronto subiré más 👍🏻👍🏻

    • @LuisGonzalez-co8yz
      @LuisGonzalez-co8yz 2 года назад

      @@vidamrr excelente rola por favor la URL del curso o como lo encuentro?

  • @Dantedechocolate
    @Dantedechocolate 4 года назад +1

    Que tema de visual studio usas? Se ve muy bonito

  • @orlandogarcia4403
    @orlandogarcia4403 5 лет назад +4

    Excelente Tutorial, la verdad yo usaba mucho XMLHttpRequest() pero ya me gusto mas Fetch().
    Saludos

    • @vidamrr
      @vidamrr  5 лет назад

      es super fácil a poco no?

    • @maximilianoestigarribia9164
      @maximilianoestigarribia9164 4 года назад

      Vida MRR
      Una duda que tengo el método fetch es ecomo hacer una llamada AJAX pero Javascript puro igual como se hace el AJAX de jQuery.

    • @elchami743
      @elchami743 4 года назад

      @@maximilianoestigarribia9164 qué quieres decir?

    • @maximilianoestigarribia9164
      @maximilianoestigarribia9164 4 года назад

      @@elchami743 que si fetch en js es como Ajax e. jQuery

    • @elchami743
      @elchami743 4 года назад

      @@maximilianoestigarribia9164 yo creo que es js puro.

  • @milito-no.k3149
    @milito-no.k3149 Год назад

    Muy buena compadre, php + js

  • @josephlojan827
    @josephlojan827 4 года назад +1

    Excelente explicación maestro.

    • @vidamrr
      @vidamrr  4 года назад

      muchas gracias Joseph!

  • @Mantequilla723
    @Mantequilla723 4 года назад

    He estado leyendo varios arituculos donde dicen que fetch() no tiene soporte para navegadores del 2017 para abajo, y mucho menos para ninguna version de Internet Explorer. Y que como es nuevo. Aun es asi a la fecha? Saludos y excelente video.

  • @grbsql
    @grbsql 2 года назад

    Excelente video. Muchas gracias

  • @mjuyg4rh8a
    @mjuyg4rh8a 3 года назад

    Ojalá hubiera visto esto hace dos días...

  • @ferneyp
    @ferneyp 3 года назад

    Muy bueno, muchas gracias.

  • @diegom.3782
    @diegom.3782 4 года назад

    Muy buena explicacion!gracias

  • @compartelo007
    @compartelo007 5 лет назад

    Genial, muchas gracias

  • @Takyomismo
    @Takyomismo 4 года назад

    Podrías decirnos que plugin utilizas para javascript?

  • @elkinmurillo5623
    @elkinmurillo5623 2 года назад

    super genial

  • @nicosilva9022
    @nicosilva9022 3 года назад +1

    Muy bueno para gente que ya tiene una idea, para alguien que recien empieza creo que la explicacion es muy rebuscada. Gracias por explicar la sintaxis

  • @luciaojos
    @luciaojos 3 года назад

    Cual de los dos métodos es más ligero para el navegador?

    • @vidamrr
      @vidamrr  3 года назад +1

      Ambos son nativos del navegador, no deberían ser más lentos uno del otro pero yo siempre uso fetch porque es más fácil escribirlo

  • @JChivan
    @JChivan 4 года назад +1

    me gusto tu video aunque no le entendí xD tendras videos basico? si es asi, pasame el link porfa.

    • @vidamrr
      @vidamrr  4 года назад

      Qué fue lo que no entendiste jChivan?

  • @joelventura76
    @joelventura76 4 года назад

    Qué theme en visual usas ?

  • @chrisginlive
    @chrisginlive 4 года назад

    Hola Vida MRR, espero que estes bien. Me gustaron muchos los colores del theme que tienes, podrías decirme cual es

  • @jasonlimon9490
    @jasonlimon9490 5 лет назад +1

    Y si quiero usar sesiones de PHP también se puede ??

    • @vidamrr
      @vidamrr  5 лет назад

      si, porque PHP es quien maneja la sesión, si usas jQuery, XMLHttpRequest o Fetch es indiferente

    • @jasonlimon9490
      @jasonlimon9490 5 лет назад +1

      @@vidamrr Bueno creo que no me explique bien.
      Si quiero usar sesiones en php (uso de login y registro obviamente), pero tener separado el backend con PHP y frontend con JS haciendo uso de jQuery, XMLHttpRequest o Fetch se peude ? o solamente XMLHttpRequest o Fetch sirve para mandar a llamar datos y no trabajar sesiones junto a PHP?.

    • @vidamrr
      @vidamrr  5 лет назад +1

      Jason Limón si, te entiendo, lo que te digo es que PHP maneja las sesiones, no depende de JS, las sesiones tienes que configurarlas con PHP y si para eso usas fetch o Ajax o lo que sea no importa

  • @leostylepos549
    @leostylepos549 4 года назад

    Hace un mes descubri AJAX y ahora vi que es FETCH... andaba buscando plata y encontre oro... pd: ppdrias hacer un tuto sobre lo que son los WEBSOCKETS

  • @SrMaje
    @SrMaje 4 года назад +2

    Viva Axios

  • @WaDalai1
    @WaDalai1 2 года назад

    Al final no supe la diferencia entre Fetch y AJAX (???)

    • @vidamrr
      @vidamrr  2 года назад

      fetch es la función que implementa AJAX y AJAX es la forma de solicitar información, de hecho ya casi no se usa el término AJAX, más bien se usa asincronismo.

  • @andresmaderagarcia5280
    @andresmaderagarcia5280 3 года назад

    Alguien sabe cómo se llama ese tema de visual code

  • @ClawHammer23
    @ClawHammer23 3 года назад +1

    Con axios

  • @MiguelPerez-cc4pe
    @MiguelPerez-cc4pe 3 года назад

    Tengo entendido que fetch solo es otra forma de hacer AJAX.
    Y lo que tu te refieres como AJAX es el XML HTTP REQUEST.
    Nomás pa entrar en contexto xd

  • @SrEquixs
    @SrEquixs 3 года назад

    attach=adjuntar. No atachar. Esta en spanglish

  • @newentu
    @newentu 2 года назад

    No te entendi nada de nada!!

  • @devmaster8923
    @devmaster8923 3 года назад

    complicaste mucho!!

  • @community7757
    @community7757 4 года назад +2

    Estaria bien que EXPLICARAS QUE ES FETCH COMO PONE EN EL TITULO!! Joder se hace interminable la explicacion y solo quiero saber cual es la diferencia. Que eprdida de tiempo

    • @Mantequilla723
      @Mantequilla723 4 года назад

      La principal diferencia es que fetch() te devuelve una promesa. Y por lo tanto puedes tener mas control sobre las excepciones con un catch() y puedes cancelar la promesa en caso de que asi se requiera... en fin. Al ser una promesa tienes mayor control en menos lineas de condigo, y codigo mas moderno. Pero he leido que no es compatible con los navegadores del 2017 para abajo, y con ninguna version de IE.

  • @jostinmadriz6823
    @jostinmadriz6823 3 месяца назад

    Explicas mal hermano 😂

  • @gonzaloacosta3764
    @gonzaloacosta3764 4 года назад

    La sintaxis de ajax es demaciado engorrosa.