FormData en javascript - Obteniendo datos de un formulario - Como cuando y porque usarlo - JS
HTML-код
- Опубликовано: 3 окт 2024
- FormData es un objeto que va a contenter los valores de nuestro formularios, nosotros, unicamente vamos a seleccionar el formulario y pasarselo por parametro a su constructor.
De esta forma, solo con dos lineas tendremos un objeto que contendra todos los valores de nuestro formulario.
Usar FormData es muy sencillo, simplemente seleccionaremos nuestro formulario y lo guardaremos en una variable:
por favor no dejes de hacer contenido javaScript... eres un crack explicando ♥
Siguiendo el paso a paso! Excelente!
buena hermano muy buen video! voy a ver todos desde el principio porque me parece muy interesante lo que explicas. suscripto y esperando el siguiente.
p.d.: tu background.color = blue; tenés que ponerlo a todo el body!!! jajaja saludos che!
Jajajajjajajajajaajajajajjaajajajaja
Estaba probando eso del width 75%
@@DamianSireDesarrollo jajaja
Informacion del canal:
Mi linkedin: www.linkedin.com/in/damiansire/
Mi twitter: twitter.com/damiansire
Instagram: instagram.com/damiansire/
Mi facebook: www.facebook.cggtrom/damian.sire.148/
Para ayudar a crear mejor contenido:
Patreon: www.patreon.com/damiansire
Paypal: paypal.me/damiansire
Comunidades:
Comunidad en discord: discord.gg/J28vAPK
Grupo de facebook: facebook.com/groups/865776550575105
eres muy crack bro, saludos de Colombia
att: un ingeniero industrial desesperado xd
🔥🔥🔥🔥
amigo, está re bueno el video, bien explicado y todo, solo SUBILE EL VOLUMEN CRACK está re bajito, tuve que subirle el volumen a los auriculares y en medio del video saltó una publicidad y me dejó sordo
Muy bien explicado
Muchas gracias genio!! Me pone muy contento tu comentario
Hola. En el minuto 12 aprox: te toma los valores anteriores porque la página no vuelve a cargar ya que tiene el preventDefault(). Por lo tanto para que te tome los valores debes refrescar la página. A su vez el tema es que estás declarando el new FormData desde la consola. Entonces para que funcione hay que refrescar la página y luego declarar let transactionFormData=new FormData(form) y ahora sí solicitar el get a cada elemento. (Supongo que es así, lo acabo de entender y probando llegué a esta conclusión) Saludos
Esta genial hermanito, no conocia ese metodo, va genial para enviar datos de un form por la api whatsapp (que es en lo que estoy trabajando ahora jaja)
Me encanta que hayas podido aplicarlo!!!
Explicas re bien !!!!
Tengo una duda, estoy haciendo una página para que el usuario ponga un nombre y un link, para que cuando aprete el botón del formulario vaya a otro archivo html y aparezcan esas dos variables pero con un formato distinto es decir, sin el formulario
Lo que pasa es que yo estoy guardando las variables en una función que se dispara cuando se apreta el botón del form, pero cuando la página redirige al siguiente html las variables no se guardan, como se podría hacer?? Gracias de antemano !!
La verdad no creo que haya muchos que expliquen mejor que tú y que a su vez sea entretenido
Muchas gracias!! Eso hace que me queden bastante largos los vídeos, trataré de que sean más cortos jajaj
@@DamianSireDesarrollo Yo me los veo completitos y valen mucho la pena y no son aburridos como otros cursos
buen video
se podria usar con react? para enviar un state y una imagen al mismo tiempo?
si creo que si. midudev en un curso lo explica
Muchas gracias por el video...llevaba rato lidiando con este tema y la claridad de la explicación está muy buena
A lo que iba poniendo valores me sale que solo permite números enteros y digamos que necesito decimales ¿Cómo se haría entonces?
Puedes darme un ejemplo de a que te refieres?
lo tengo al pie de la letra pero me tira un error al ponerle ; en event.preventDefault
otro en la "{" y otra en "event.pre" con el nombre de error ',' expected.javascript"
const form = document.getElementById("transactionform");
form.addEventListener("submit", Function(event) {
event.preventDefault()
}
)
Hola Damian, tienes algún video, donde se pueda pasar de una pagina a otra sin que se recargue la pagina?? con html y Java Script, o si esta complementado con Ajax o Jquery tambien puede ser.
Muchas gracias Damian, gracias a este video logré entender el FormData 🔥
excelente muy bueno men!!
Hola Damian, es el prime video que veo tuyo, la verdad me ENCANTO tu manera de explicar, me hizo sentir que un amigo de confianza que sabe mucho me estaba explicando. Jajaj que crack. Abrazo enorme y muy claro todo.
tremendo soundtrack
Hola Damian,una consulta,es posible hacer esto con python en vez de usar Javascript?
Si es posible. Con Python puedes hacer de todo.
de verdad muchas gracias por el contenido que haces
te recomiendo que no sigas diciendo que vean los videos anteriores, aunque entiendo que te quede cómodo ir explayandote asi, porque los videos los ivas haciendo un dia tras otro, ahora por otro lado, el que se copa con tus videos le resulta innecesario, tal vez un subtitulo poniendo el numero de clase, para dar a entender el orden o una diapositiva inicial con el numero de clase, mostrando los temas que se fueron dando o solo el numero de clase. por otro lado, gracias por explicar todo hasta el detalle para ir entendiendo el porque de las cosas y que no sea un recetario en el que dicem "pone esto", "ahora esto" y tun tun tun listo, porque no da. los cursos malos los detecto cuando empiezan con la receta. vos sos bueno. sabelo
ibas*
Si, sin duda es algo a mejorar. Capaz que podria dejar en la descripcion las referencias a los videos o buscar la manera
@@DamianSireDesarrollo creo que lo haces bien, además si alguien quiere saber mas podrá investigarlo, en caso de referencias las fuentes oficiales sería una buena opción.
Que bune video. Se aprenden cositas interesantes. Me pasé por su canal y antoja bastante. Me he suscrito.
Un saludo.
exelente video
Muchas gracias andres!!
buenardo
[
Aprendiendo cada vez más!!
Piensas hacer un curso de Python?
Puede ser!! Capaz mas orientado a machine learning
@@DamianSireDesarrollo Por eso quiero aprender jaja, me interesa bastante lo que tiene que ver con desarrollo de cosas en 3 dimensiones y NLP
🔥🔥🔥🔥
Excelente informacion
Oh David, otro comentario tuyo, muchas gracias! Me alegro que te haya Sido de utilidad
no se te escucha casi nada :(
En los próximos vídeos se mejoro esto xD
Lo podes mandar a los archivos gracias
Decis que haga la estructura de carpeta? Mi idea es hacer eso al final, para que sea didactico
Bueno dale
Tremendo video. Saludos desde Colombia capo!
Muchas gracias Daniel!!!