Django y JavaScript: Peticiones AJAX con Django (Carga dinámica de datos) ✅

Поделиться
HTML-код
  • Опубликовано: 18 янв 2025

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

  • @wianei
    @wianei Год назад +5

    La mejor explicación en RUclips. Gracias por compartir.

    • @UskoKruM2010
      @UskoKruM2010  Год назад

      ¡Gracias, amigo! Que placer servirte. 😊

  • @marceherrera3789
    @marceherrera3789 Год назад +2

    Muchísimas gracias. Excelente el video. Muy generoso de tu parte compartir tus conocimientos. Gracias de nuevo.

    • @UskoKruM2010
      @UskoKruM2010  Год назад

      ¡Gracias a ti por apoyar mi trabajo! Me da mucho gusto eso. 🙌 😊

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

    Ah no ma, de los mejores videos que he visto, Gracias por explicar y por tu tiempo

    • @UskoKruM2010
      @UskoKruM2010  Год назад

      ¡Excelente! Gracias por apreciar mi trabajo. 😊

  • @erasmocalzadilla8004
    @erasmocalzadilla8004 5 месяцев назад +1

    muye bueno, aprendiendo un montón

    • @UskoKruM2010
      @UskoKruM2010  5 месяцев назад

      ¡Excelente! Me da mucho gusto que mi trabajo te haya sido de utilidad, no olvides que en mi canal tengo varios videos similares a éste, te invito a que los revises. 🎉🎉

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

    gracias enserio que si muchas gracias por compartir el conocimiento de esta manera me ayudaste con un problema grandicimo

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

      ¡Gracias a ti por apreciarlo, Sebastián! 🙌

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

    Me gusto el curso paisano...tambien soy peruano

    • @UskoKruM2010
      @UskoKruM2010  Год назад

      ¡Exelente, Jorge! Un saludo cordial, compatriota. 🎉

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

    GRACIAS POR EL VIDEO

    • @UskoKruM2010
      @UskoKruM2010  Год назад

      ¡Gracias a ti por apreciar mi trabajo! 😊

  • @lastudillo
    @lastudillo 10 месяцев назад +1

    mil gracias

    • @UskoKruM2010
      @UskoKruM2010  9 месяцев назад

      ¡Mil Gracias por apreciar mi trabajo! 💪

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

    Hola muchas gracias por los excelentes videos que realizas. Depronto hay un video en el que implementes la misma funcionalidad, y de a cuerdo a lo que se filtre llenar un datatable. Muchas gracias.

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

      ¡Claro que sí! Es una idea que espero elaborar pronto en un video. 😊

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

      @@UskoKruM2010 Espero que sea muy pronto. Necesito esta funcionalidad y conozco poco de JavaScript. Gracias por compartir tu conocimiento. 👍👍👍

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

      @@javiervelasco1373

  • @dennysc8647
    @dennysc8647 2 года назад +2

    Muchas gracias por este video, queria saber actualizar un poco mi manera de escribir codigo javascript para consumir los datos json y saber como plasmarlos en el html, que tenga linda semana!.

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

      ¡Gracias, Dennys! Me alegra que te haya servido. 👏

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

    Excelente!!... y como provocar el mismo efecto en el sitio de administración de django??, no he podido haya la solución

    • @UskoKruM2010
      @UskoKruM2010  Год назад

      Uhmm tendrías que modificar demasiado para eso, es mejor hacerlo de cero si deseas que las cargas sean asíncronas. 💪

  • @portela11visualdynamics61
    @portela11visualdynamics61 10 месяцев назад +1

    Muy buen video, podria usar estas peticiones tambien desde una form.py, o sea no como lo planteastes en la platilla?, gracias de antemanoy si tienes un video de como

    • @UskoKruM2010
      @UskoKruM2010  10 месяцев назад +1

      ¡Gracias! Pues sí, se podría, aunque no me gusta trabajar de esa manera, prefiero separar el backend del frontend. 👍

    • @portela11visualdynamics61
      @portela11visualdynamics61 10 месяцев назад

      @@UskoKruM2010 disculpa otra pregunta es que tengo iniciado y proyecto ya con varias forma ya creadas. Pero en tu opinión ves alguna desventaja de plantearlo en las forms. Muchas gracias.

    • @UskoKruM2010
      @UskoKruM2010  10 месяцев назад +1

      @@portela11visualdynamics61 Pues, te limita mucho creo yo, prefiero mantener las responsabilidades separadas. 🙌

  • @juanrafael11
    @juanrafael11 Год назад

    Entendido todo al pelo. Pero una consulta, ahora que se ha hecho todo ello como haces para que en el url no se ponga ejemplo paises/ se muestre el json ? que solo acceda la página index con el ajax.

    • @UskoKruM2010
      @UskoKruM2010  Год назад

      Uhmm eso sería directamente con la API de Django, no con una aplicación web. 👀

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

    una Conslulta, ¿Se puede hacer filtros con dos parametros asi como con la funcion between de SQL?

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

      Así es, sería cuestión de pasarlos a la función necesaria para que los utilice en el filtro. 😊

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

    Thank You

  • @fubar8805
    @fubar8805 Год назад

    @UskoKruM2010, muchas gracias por este excelente tutorial y por tu tiempo. A la vez quería consultarte, en mi compilador me dice que cuando se usa "event.target.value" que "event" se encuentra en desuso (deprecated), ¿qué otra palabra reservada deberíamos usar en su lugar?,

    • @UskoKruM2010
      @UskoKruM2010  Год назад

      Uhm... ¿en tu compilador? ¿A qué te refieres, Fu? JavaScript no es compilado. 🙌

  • @EnriqueVilaRodriguez
    @EnriqueVilaRodriguez 11 месяцев назад +1

    Hola, a mi cuando pongo event.target.value me aparece el nombre de la ciudad en lugar del numero del ID, por lo tanto en los siguientes pasos ya no funciona correctamente y desconozco como arreglarlo.

    • @UskoKruM2010
      @UskoKruM2010  11 месяцев назад

      Uhmm te recomiendo que revises el código fuente del proyecto, lo encontrarás en la descripción del video. ✅

    • @EnriqueVilaRodriguez
      @EnriqueVilaRodriguez 11 месяцев назад

      Gracias@@UskoKruM2010 resuelto.
      Ahora la linea que no esta causando el efecto deseado es:
      listarCiudades(data.paises[0].id);
      Al recargar la pagina sigue comportandose igual y no da las ciudades.

    • @EnriqueVilaRodriguez
      @EnriqueVilaRodriguez 11 месяцев назад

      Despues de comparar ambos codigos hasta ser identicos e incluso copiando y pegando, no funciona ni dicha linea ni todo el apartado de alcaldes.

    • @UskoKruM2010
      @UskoKruM2010  11 месяцев назад

      @@EnriqueVilaRodriguez Me da gusto que hayas podido solucionarlo. 🙌

  • @franciscojavierneryrios2560
    @franciscojavierneryrios2560 Год назад

    muy bueno el tutorial, gracias pulgar arriba, ise los mismos pasos y no pase del alert paises no encontrados eso es lo que me daba como resultado ala hora de ejecutar, lo raro que antes de los pasos de la condicionales en la funcion de listar paises siguiendo tu codigo si me mostraba el json con sus datos, pero bueno me di una idea gracias, mi pregunta es eso del ajax no se puede hacer con django porque tiene que ser con todo lo que tenga que ver con javascript y sus frameworks, se puede utilisar Celery?

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

      Uhmm creo que Celery es para otro propósito, no tiene mucho que ver con peticiones asíncronas (lo que utilizo en este video). 🙋‍♂️

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

    Muy bueno deberías hacer una clase para react y conectar con django

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

      Pues ya tengo todo ello listo para ti: ruclips.net/p/PL_wRgp7nihyZNg8FGub9lzw7j3Hq-hson

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

      @@UskoKruM2010 desde que comencé a aprender Django eres mi mejor amigo!! gracias totales 😁😁😁😁😁😁

    • @UskoKruM2010
      @UskoKruM2010  Год назад

      @@pstban10 ¡Excelente!

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

    Como podría utilizar ajax para que no recargue la pagina cuando guarde un registro en un html de una app django?

    • @UskoKruM2010
      @UskoKruM2010  Год назад

      Traeré una funcionalidad así próximamente, ya sé a que te refieres. 😊

    • @franciscojavierneryrios2560
      @franciscojavierneryrios2560 Год назад

      @@UskoKruM2010 ya tienes el ejmplo disculpa

    • @MonSster-jf7ex
      @MonSster-jf7ex Год назад

      ​@@UskoKruM2010Sería desactivado el comportamiento por defecto de un formulario (preventDefault) (? Y pues enviando los datos mediante post a la API?

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

    Django puse un for y dentro puse una cards y un modal en la cards se hace el bucle con informacion de la BD pero el modal solo aparece la misma informacion en todas las cards que se crearon como arreglo eso?

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

    El valor del combo de pais y ciudad, se guardaria en la BD con request.POST["comPais"] o request.POST["comCiudad"]?? Y como se mostraría la información ya guardada?? Muy buen explicación y gracias por compartir el conocimiento.

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

      No exactamente, habría que hacer algo adicional, lo tomaré en cuenta para un próximo video. 🙌

  • @lorenzomoriconi1396
    @lorenzomoriconi1396 Год назад

    Hola, como haría para que la peticion con fetch, si ya se cargo en el html (ya se hizo), no se vuelva a hacer

    • @UskoKruM2010
      @UskoKruM2010  Год назад

      Pues, no la vuelves a llamar nada más; es decir, no vuelves a utilizar la función que realiza la llamada mediante la fetch API.

    • @lorenzomoriconi1396
      @lorenzomoriconi1396 Год назад

      ​@@UskoKruM2010 Claro, pero en mi situación, la llamada a la API por fetch se realizaba para aplicar un lazy loading.
      Y lo solucione de la siguiente manera:
      suponiendo que el elemento con el cual trabajo es:
      le defino un atributo para utilizar como bandera:
      y mi js quedaria:
      contenedor = document.getElementById("contenedor");
      if (contenedor.getAttribute("cargado") == "False"){
      //try catch del fetch y dentro del try seteo:
      cotenedor.setAttribute("cargado", "True");
      }

    • @UskoKruM2010
      @UskoKruM2010  Год назад

      @@lorenzomoriconi1396 Me alegra que lo hayas solucionado! 😊😊

  • @DanielGarcia-vc7ci
    @DanielGarcia-vc7ci Год назад

    porque tengo que usar el decorador @csrf_exempt practicamente hice lo mismo que tu pero no me deja hacer POST NI DELETE si no pongo este decorador en las views

    • @UskoKruM2010
      @UskoKruM2010  Год назад

      Uhmm eso está raro... ¿intentaste replicar el código que te dejé en el repositorio de GitHub? 😊

  • @henryromero7492
    @henryromero7492 Год назад

    Excelente contenido, y muy bien explicado. Estoy moviéndome de php a Django tienes algún curso que sea muy completo desde el frontend al backend. Muchas gracias, así

    • @UskoKruM2010
      @UskoKruM2010  Год назад

      Si, aquí lo tienes: ruclips.net/p/PL_wRgp7nihyZsEnudJ-XUAEdnOGUojbnn ✅ Y muchos cursos más en mi canal. ✌

    • @henryromero7492
      @henryromero7492 Год назад

      @@UskoKruM2010 Ok, si lo he visto es de hace dos años, es compatible con la versión 4. de django. Gracias!!!

    • @henryromero7492
      @henryromero7492 Год назад

      @@UskoKruM2010 Ok, si lo he visto es de hace dos años, es compatible con la versión 4. de django?. Fue pregunta, disculpa.

    • @UskoKruM2010
      @UskoKruM2010  Год назад

      @@henryromero7492 Si, el 95% es igual.

  • @nohelianarvaez4031
    @nohelianarvaez4031 Год назад

    porque no usas en el FECT {% ulr '' %} de django

    • @UskoKruM2010
      @UskoKruM2010  Год назад

      Uhmm no entendí a que te refieres, estimada Nohelia. 👀

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

      @@UskoKruM2010 utiliza mejor el PathName en lugar de poner el url en duro por buenas practicas para el mantenimiento de tu código.
      ejemplo :
      urlpatterns = [
      path('paises/',views.pais,name="paises"),
      ]
      y en el JS en la parte del fecth utilza el pathname de django
      fecth ({% url 'paises' %})
      no se si me explico :) , asi en el futuro si se cambia la URL no tienes de que preocuparte porque tiene asociado su Alias o PathName

    • @UskoKruM2010
      @UskoKruM2010  Год назад

      @@nohelianarvaez4031 Ohhh ok, te referías a ello, ya entendí, gracias por el aporte. 😊😊

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

    Que lastima que no hagas un acercamiento cuando escribes. No todos tenemos la misma resolucion de pantalla

    • @UskoKruM2010
      @UskoKruM2010  Год назад

      Uhmm intentaré mejorarlo más adelante, pero puedes poner el video en máxima calidad y podrás verlo claramente. 🙋‍♂️