objeto FormData y XMLHttpRequest 🔹 AJAX FÁCIL y SIN FRAMEWORKS [ 03 de 05 ] ▪️ Vainilla Javascript

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

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

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

    Archivos de este video: bit.ly/3nSTKdG
    La serie completa en estos links:
    01 - Crear el Ajax - ruclips.net/video/TF-fwphqt7g/видео.html
    02 - Mandar datos - ruclips.net/video/j_RiqixHUnw/видео.html
    03 - Objeto FormData - ruclips.net/video/elVi0T_O3eM/видео.html
    04 - Upload de archivos por Ajax - ruclips.net/video/0qhvOK7jQpE/видео.html

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

      Realmente impresionante como das la clase, pasando por todos los metodos, como van evolucionando los mismos objetos, metodos y mientras tanto lo vas adaptando y borrando las lineas de codigo y explicando el por que!!!
      crack!

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

    ¡Me ha encantado! Hay tan poca información del XMLHttpRequest que da hasta dolor de cabeza cuando eres nuevo y quieres utilizarlo. ¡Te agradezco mucho que compartas tu conocimiento! ¡Además explicas de maravilla!, doble ganga. Espero sigas subiendo vídeos, ¡besos!

  • @pablosansa
    @pablosansa 2 месяца назад

    Muy bueno, gracias por tus videos. Saludos desde la ciudad de Buenos Aires, Argentina.

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

    Realmente estos videos me están ayudando demasiado. Muy bien explicados.

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

    Por fin algo bueno, muchas gracias por enseñarme a utilizar el FormData.

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

    De lo mejor que he visto en el tema, excelente!

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

    estoy empezando en esto del ajax y la verdad fuiste mi salvacion para el metodo post ya que no lo entendia de ningun sitio, muchas gracias sigue asi.

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

      Gracias Rafael por el comentario y me alegra haber sido de ayuda.
      Saludos!!

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

    gracias, ha esta muy bien buscado y despues de horas he encontrado lo que queria.

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

    Muchísimas gracias, excelente tutorial. 👍🏼👏🏼👏🏼👏🏼

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

    GENIAL!
    Muchas gracias.
    Nuevo suscriptor.

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

    y si quiero que el onsubmit ocurra al cargarse la página y no cuando se presione en el botón?

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

      Hola Osho, perdón por la demora, quizás ya lo resolviste.
      El onsubmit representa una acción del form, que casualmente es el método (la función) submit( )
      Así que si querés mandar un formulario en cuanto se cargue una página deberías
      1) obtener el form en una variable/constante
      2) a ese contenedor hacerle un constante.submit( )
      Ejemplo:
      window.addEventListener('load', e => {
      const form = document.getElementById( 'contacto');
      form.sumit( );
      });
      Reemplazá el getElementById por el método que te sea más útil (querySelector, getElementsByClassName, etc).
      Pero esa sería la manera de disparar el submit en la carga de la web.

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

    Entonces el FormData toma como key el name del input y su value como valor, esta genial!

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

      Si me mandás un HTMLElement que sea un form, lo hace automáticamente.
      Una joya (incluso si los input son files)

  • @adrian.vasquez.2002
    @adrian.vasquez.2002 2 года назад

    Buen video capo, una pregunta. Cual es la diferencia de poner el evento de onclick al boton de sumbit del form, en lugar del evento onsubmit al form. Yo use el evento para el boton y me funciono igual.

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

    Muy buen video!
    pregunta: Por que no recomendas captar el evento del click x ejemplo con un button y agregar el evento onclick? no veo mucha diferencia

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

    Excelente tu aporte, muy útil.
    Intente ponerlo en un ciclo y no me funciono
    ¿podrías ayudarme?

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

    A la hora de ejecutar mi código, en el que tengo un formulario y envío los datos mediante una variable "params" igual a "FormData(document.querySelector.register)", donde "register" es el nombre del formulario, me sale un error, diciendo que el método "send()" no está permitido. En mi código, tengo "request.send(params)", donde request es el objeto "XMLHttpRequest".

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

      Hola Hernán, me podés compartir el código de alguna manera para verlo?
      Un link a un Drive, Codepen o el mecanismo que te sea más cómodo.
      Saludos!

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

      Pues, de hecho, no creo que sea necesario, puesto que al descargar la carpeta del código de este vídeo, el resultado, al ejecutarlo, es el mismo exactamente. Lo que quiero saber es cuál podría ser la causa de ello.

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

      Supongo que no tenés idea alguna de por qué pueda suceder eso con el código, qué es lo que pueda provocarlo, o cómo solucionarlo.

  • @MiguelAngel-mf3yu
    @MiguelAngel-mf3yu 2 года назад

    bro ayudaaa el e.preventDefault(); no me responde , la pagina se recarga al presionar el botton y me envia a ajax.php2

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

      Es posible que estés cometiendo un error sintáctico en JS, siempre que tenés un preventDefault( ) o return false de un evento que es ignorado, es porque JS tuvo un error de sintaxis y "dejó de trabajar"
      Deberías fijarte en la consola del navegador que seguro debe haber un error para corregir.

    • @MiguelAngel-mf3yu
      @MiguelAngel-mf3yu 2 года назад

      @@PadawansTrainer solo obtengo esto en la consola This page is in Quirks Mode. Page layout may be impacted. For Standards Mode use “”.

  • @MiguelAngel-mf3yu
    @MiguelAngel-mf3yu 2 года назад

    simplente un crack ! pero luego de enviar esos datos como lo recepcionaria en .php , por el nombre ? $nombre = $_GET[''nombre']; y asi ya tendrai el dato capturado ?

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

      Exactamente, según el método definido en el ajax.open( ), harías el $_GET o $_POST del nombre que le diste en el formData.append( ) o el name del control en el formulario.

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

    Muy confuso para mi.

  • @adrian.vasquez.2002
    @adrian.vasquez.2002 2 года назад

    lo de formData es hacerlo demasiado facil, meh