Curso JavaScript: 127. Ejercicios AJAX - APIs: Envío Formulario con Fetch y FormSubmit -

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

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

  • @leomax522
    @leomax522 Год назад +3

    Se me terminaron las palabras de agradecimiento. Capo!!

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

    Woow que video ahora ya se comienza a poner mas interesante el curso, Gracias Profe

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

    🧙‍♂Muchas graciasss!!! Buen curso!!!

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

      Gracias por comentar

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

    es el mejor #curso de #javascript

  • @seica5561
    @seica5561 4 года назад +6

    El curso de Javascript para frontend el mejor.. y del Php para backend.. muy bueno.. Gracias. Jon..

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

      De nada, comparte para llegar a más gente :)

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

    Gracias por pensar en las personas que están iniciando y no tienen para pagar estudios o cursos.

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

    25:18 me pasò lo mismo jajajajajaja, es por el " ; " que suele poner prettier, sino lo tomamos en cuenta a la hora de hacer c&p , nos puede fastidiar

  • @RUIZMAYCOL88SF
    @RUIZMAYCOL88SF 3 года назад +4

    Gracias profe por esta excelente clase!! me quedó la duda de por qué para esta petición POST no fue necesario indicar la cabecera. Por todo lo demás, muchas gracias :)

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

    mandé el formulario diciendo "sos mi fan, eres una increíble persona" a mi correo para sentirme mejor, y funcionó todo! jaja buen video Jon!

  • @LP-13
    @LP-13 Год назад +1

    Muchas gracias por el video!!! :) Nueva suscriptora

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

      Gracias por tu apoyo👋🏻😉

  • @ivandariogongora45
    @ivandariogongora45 4 года назад +3

    Gracias jon por compartir tu conocimiento, muy buen video

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

      De nada, comparte para llegar a más gente :)

  • @r.w.s.2402
    @r.w.s.2402 3 года назад +1

    Este vídeo está muy bien explicado;)

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

    Gracias Sr.

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

    Excelente video, que bueno que vi el taller de maquetación, ahí hiciste algo parecido como en este ejercicio

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

    Hola tengo una pregunta y si quisiera enviar datos por el encabezado headers?? por body si funcion pero por headers no, tendras alguna solucion? Saludos y gracias por compartir

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

    Genio profeeeee

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

    definitivamente el XMLHttpRequest me revienta el cerebro... es posible siempre trabajar con el Fetch? gracias.

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

      Piénsalo como dos sabores de helado usa el que más te guste

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

    Excelente maestro

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

    Grande profe :D

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

    Toma tu LIKE buen hombre.

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

    Hola Jon en el minuto 11:36 quitas el action al formulario y luego pruebas el envio, como logras hacer que se envié por formsubmit si quitas el url de forms submit, he hecho lo mismo y no logro hacer que envíe directo como lo indicas en el video, saludos gracias

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

    👏👏👏 🙏🙏🙏

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

    gracias profe

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

      De nada. Comparte para llegar a más personas :)

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

    profe cordial saludo , una pregunta como hago para que al validar los patrones y los elementos no cumplen con la expresión regular por ejemplo que le mensaje no sobrepasa los 255 caracteres , los datos no se envíen, usted hizo el e.prevenDefault() en el evento submit pero eso no funciona igual los datos se envian, cuando se hace la peticin con fetch() no se si me entiendas, profe cordial saludo, profe me faltan solo 5 video para terminar el curso

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

    excelente curso, lo llevo desde el principio y cada vez me parece mejor pero estaba esperando este video desde que inicio con Ajax y es el único en todo el curso que me parece que quedo a medias. como se haría sin el required de html ya que no es muy buena practica usarlo, como validaría que los campos no fueran vacíos y cumplieran con la expresión con JavaScript y evitar el envió del Ajax?

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

      Valida desde el JS

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

      @@jonmircha pero sin el required de html si valido en js que el campo no vaya vacio, aun asi envia el ajax, sin ajax haria un e.preventdefault si el campo esta vacio o la expresion no se cumple, pero detener el ajax en esos casos, no sabria como seria.

    • @07cesarjoelgonzalezoliva31
      @07cesarjoelgonzalezoliva31 Год назад

      @@brayanorellanos9367 Puedes validarlo con algo tipo
      if (e.target.name.trim() === "") return

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

    Muchas gracias brot por compartir su conocimiento.. Hace un tiempo vi que te pasaste al entorno de Apple, como a sido tu experiencia con la nueva pc. Vale la pena invertir el dinero?

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

    muchas gracias jon

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

    lo logre, estoy usando un hosting gratuito , pero hice esto y me llegan los correos para que me contacten, pero no veo el apartado de form submit, los limites que posee gratis, y gracias buen material!

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

    profesor, como yo puedo hacer para cuando le de abrir con servidor local me habra en el navegador que yo quiera?

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

      ponlo como predeterminado y listo

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

      @@jonmircha gracias porfe siempre está atento a responder nuestras inquietudes, Dios lo bendiga grandemente a usted y su familia juntamente con Kenai

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

    Hola Jon, un detalle, o tal vez es algo mío pero intenté usar mi mail, que lleva guión bajo, o incluso uno de gmail que lleva un punto y la validación me tira error.
    Supongo que no está contemplado en la expresión regular del campo mail.
    Saludos!

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

      🤔 lo voy a revisar

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

    genialllllllll !!! gracias Jon

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

    profe , fijate que estoy tratando de acceder a la api por ajax , pero la respuesta es "You are doing that too much. Please try again in 23 hours." , de verdad tengo que esperar 1 dia o hay una forma de arreglarlo??

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

      😵 Quizá sea error del API

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

    Oye Jon, ¿FormSubmit te está funcionando bien?, porque actualizaron y no me ha funcionado.

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

      😮

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

      En Abril 2022 está funcionado ok. Piden que la primera vez actives el mail al cual llegarán los mensajes, mediante un código que te envían ellos.

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

      @@instintoimagen le di a activar, pero hago pruebas y nunca llega a mi correo el mensaje :c

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

      Yo también estoy teniendo problemas, ahora me aparece el error de 'Access-Control-Allow-Origin', haciendo todo lo que el profe hace en el video, incluso añadiendo mode: 'cors' en el fetch 😣

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

    Hola Jon como va!, a mi me esta yendo muy bien con este increíble curso pero me surgió un inconveniente
    según el console.log(err) me figura el siguiente mensaje en la consola de mi navegador: "TypeError: Cannot read properties of null (reading 'reset')"
    no es error ni nada pero me aparece eso, aun así sigo recibiendo el mensaje correspondiente en mi casilla de correom decis que modifique algo del reset() o dejo tal como esta?
    muchas gracias Jon, eres lo máximo!

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

      Ya logre resolver! pasa que escribi mal en el querySelector una parte, muchas gracias jon!

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

      👌🏻

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

    Buen vídeo Jon, tengo una peqieño inconveniente cuando realizo la prueba en la consola me sale esto: {success: 'false', message: "This form needs Activation. We've sent you an emai…ink. Just click it and your form will be actived!"}
    message
    :
    "This form needs Activation. We've sent you an email containing an 'Activate Form' link. Just click it and your form will be actived!"
    success
    :
    "false"
    Si me llega el correo a mi gmail pero me dice que tengo que activar el formulario

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

      Te hace falta activar tu form en el sitio de la API

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

    buena tarde comunidad de este maravilloso canal, alguno del que lea este comentario tendra algun recurso para entender y aprender un poco mas sobre eso que hace el profe jon en el min 6:21 en subir de nivel las carpetas haciendo "../" para que el loader vuelva a cargar desde la carpeta assets que lo contiene...
    agradezco de antemano la ayuda.

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

      Esto yo lo aprendi de la terminal, puedes darte una pasada por el curso de @jonmircha sobre la terminal!

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

    Hola jon, una consulta, al querer activar el formulario desde gmail, me sale el siguiente mensaje
    "Not a valid link
    Confirmation token not found. Please check the link and try again." La url que toma fetch esta bien , no se si se esta refiriendo a eso o a alguna otra configuracion. Gracias!! Saludos !!

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

      Quien sabe, deberías subr tu código a un codepen o un codesandbox, así ni como ayudar

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

      A mi me pasó lo mismo, no es del código, tienes que activar el formulario desde tu correo, revisa tu carpeta de SPAM de gmail, lo más seguro es que el correo de activación se encuentre ahí.

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

      @@leonbonillam ¿Como lo activo? Me aparece esto:
      {success: "false", message: "This form needs Activation. We've sent you an emai…ink. Just click it and your form will be actived!"}
      MIRAR ABAJO

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

      Para la persona del futuro: Cuando queres enviar un email y te sale error, te va a mandar automaticamente un email de activacion al correo que pusiste dentro de "fetch()". Con ingresar, darle click en el boton verde, estaria solucionado. Intenta de enviarlo nuevamente y vas a poder

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

      @@juancruzledesma5693 vientos, que bueno que lo lograste

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

    A día de hoy estoy teniendo problemas, ahora aparece el error de 'Access-Control-Allow-Origin', haciendo todo lo que el profe hace en el video, incluso añadiendo mode: 'cors' en el fetch 😣

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

    LIKE, LIKE, LIKE!!!!

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

    Yo estaba haciendo el ejercicio con fetch + async y no me funcionaba xD

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

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

    Parkour ahora sí después de ver los tres videos que me salte :v estoy de vuelta xD

  • @helipalacio8772
    @helipalacio8772 Месяц назад +1

    👨

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

    :)

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

    Por error puse tu correo :u perdón

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

    tu código sin identacion es difícil de leer

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

    20:45 me da que se envió pero también me tira Pattern attribute value ^[a-z0-9]+(\.[_a-z0-9]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,15})$ is not a valid regular expression: Uncaught SyntaxError: Invalid regular expression: /^[a-z0-9]+(\.[_a-z0-9]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,15})$/v: Invalid character class

    • @ism79
      @ism79 Месяц назад +1

      En otro vídeo puso un compañero la solución. Hay que escapar los guiones del pattern con la barra invertida \

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

    👏👏👏 🙏🙏🙏