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
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!
¡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!
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.
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.
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
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".
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.
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.
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 ?
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.
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
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!
¡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!
Muy bueno, gracias por tus videos. Saludos desde la ciudad de Buenos Aires, Argentina.
Realmente estos videos me están ayudando demasiado. Muy bien explicados.
Por fin algo bueno, muchas gracias por enseñarme a utilizar el FormData.
De lo mejor que he visto en el tema, excelente!
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.
Gracias Rafael por el comentario y me alegra haber sido de ayuda.
Saludos!!
gracias, ha esta muy bien buscado y despues de horas he encontrado lo que queria.
Muchísimas gracias, excelente tutorial. 👍🏼👏🏼👏🏼👏🏼
GENIAL!
Muchas gracias.
Nuevo suscriptor.
y si quiero que el onsubmit ocurra al cargarse la página y no cuando se presione en el botón?
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.
Entonces el FormData toma como key el name del input y su value como valor, esta genial!
Si me mandás un HTMLElement que sea un form, lo hace automáticamente.
Una joya (incluso si los input son files)
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.
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
Excelente tu aporte, muy útil.
Intente ponerlo en un ciclo y no me funciono
¿podrías ayudarme?
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".
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!
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.
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.
bro ayudaaa el e.preventDefault(); no me responde , la pagina se recarga al presionar el botton y me envia a ajax.php2
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.
@@PadawansTrainer solo obtengo esto en la consola This page is in Quirks Mode. Page layout may be impacted. For Standards Mode use “”.
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 ?
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.
Muy confuso para mi.
lo de formData es hacerlo demasiado facil, meh