Form Submission in Django without Page Refresh using AJAX - Django and Ajax Beginner Tutorial

Поделиться
HTML-код
  • Опубликовано: 11 май 2022
  • In this video, we would learn how to create and submit a django form without refreshing the page using ajax, you can use this steps in creating things like contact form, reviews form, feedback form, comment sections, chat apps and much more. This tutorial shows AJAX Form Submission in Django. Using this method you can get rid of the "page refresh" problem.
    So let's get started
    .
    Subscribe if you enjoyed this video for more amazing contents!!
    ◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
    💻 Source Code
    👉
    ◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
    Make 💰 Money while learning to 💻 code!! - Click the Link Below
    course.goprisco.com/masterclas...
    ◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
    💰 Courses & Merch 💰
    💻 The Fundamentals of Programming COMING SOON​
    👕 Merchandise: COMING SOON​
    🔗 Social Medias 🔗
    📸 Instagram: / desphixs_
    📱 Twitter: / destinyfranks10
    ⭐ Discord: / discord
    📝 LinkedIn: / desphixs
    🌎 Website: www.desphixs.com
    📂 GitHub: github.com/desphixs
    🔊 Podcast: anchor.fm/ (COMING SOON)
    🎬 My RUclips Gear 🎬
    🎥 Main Camera (EOS Canon 90D): amzn.to/3aBAa0o
    🎥 Secondary Camera (Panasonic Lumix G7): amzn.to/3tSkail
    📹 Main Lens (EFS 24mm f/2.8): amzn.to/3gEykQ5
    🕹 Tripod: amzn.to/3xyok19
    🎤 Main Microphone (Rode NT1): amzn.to/3tTKDvS
    🎤 Secondary Microphone (Synco Wireless Lapel System): amzn.to/3aCMmy8
    🎤 Third Microphone (Rode NTG4+): amzn.to/2Qp2c8J
    ☀️ Lights: amzn.to/3xpiDlV
    ⌨ Keyboard (Daskeyboard 4Q): amzn.to/3ve0buy
    🖱 Mouse (Logitech MX Master): amzn.to/3vj1ZT9​
    📸 Webcam (Logitech 1080p Pro): amzn.to/3nm9ki0
    📢 Speaker (Beats Pill): amzn.to/3nl2yJg
    🎧 Headphones (Bose Quiet Comfort 35): amzn.to/3tVAmiF
    🌞 Lamp (BenQ E-reading Lamp): amzn.to/3dQsklr
    🌞 Secondary Lamp (BenQ Screenbar Plus): amzn.to/3sRWRnw
    💻 Monitor (BenQ EX2780Q): amzn.to/3sSYJwj
    💻 Monitor (LG Ultrawide 34WN750): amzn.to/3gBmDtH
    🎙 Mic Boom Arm (Rode PSA 1): amzn.to/3vpBmMt
    🎚 Audio Interface (Focusrite Scarlet 4i4): amzn.to/3gDqg2f
    💸 Donations 💸
    💵 One-Time Donations: www.paypal.com/ COMING SOON
    💰 Patreon: / desphixs
    ◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
    ------------------------------------------------ About Me --------------------------------------------
    My name is Destiny Franks, I'm an upcoming Programmer from Nigeria and I'm 19 years old. I really love coding and since this is what i wanna do for the long run, i thought of sharing my experience while teaching here on RUclips. so here you'd Learn programming, software engineering, machine learning and everything tech from this channel. With a special emphasis on Python and JavaScript, my channel aims to give you free resources so that you can learn to code and dive into the software engineering and programming industry. My goal is to provide the highest quality programming and tech videos on the internet!
    ⭐️ Hashtags ⭐️
    #python #desphixs #programming #coding #java #javascript #programmer #snake #developer #html #machinelearning #code #coder #computerscience #pythonprogramming #ballpython #datascience #technology #reptile #snakes #reptiles #reptilesofinstagram #snakesofinstagram #css #php #linux #pythonsofinstagram #tech #webdeveloper #artificialintelligence #bhfyp
    ⭐️ Tags ⭐️
    python programming
    python download
    python snake
    python tutorial
    python programming pdf
    python programming language
    python for beginners
    python ide
    python app
    python app for android
    python animal
    python app for pc
    python array
    pythonanywhere
    python anaconda
    python apk
    a python snake
    a python program
    a python program is a sequence of
    a python module is a file with the
    a python module has extension
    a python expression needs to be evaluated
    a python curls up to
    a python program a control structure
    python basics
    python ball
    python books
    python basics pdf
    python beginner projects
    python backend
    python books for beginners
    python built in functions
    b python regex
    b python datetime
    b python meaning
    b python date
    b python print
    b python to string
    b python string prefix
    python code
    python crash course
    python compiler
    python code examples
    python crash course pdf
    python classes
    python coding for beginners
    python certification
    c python difference
    c python api
    c python tutor
    c python compiler
    c python download
    c python language
    c python integration
    c python interpreter
    python documentation
    python dance
    python dictionary
    python download for windows
    python developer
    python data types
    python diamond
    d python format
    d python regex
    d python adalah
    python d
    d python re
    python37_d.lib
    python d f
    python 39d.lib
    python exercises
    python extension for visual studio code
    python en

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

  • @user_userovich
    @user_userovich 6 месяцев назад +2

    I'm really very grateful for such an informative and relatively short video on this topic)
    your work is worth it, keep going, man!

    • @desphixs
      @desphixs  6 месяцев назад

      So nice of you

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

    Thank you for making this very clear, great tutorial!

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

      Happy to help ❤️

  • @vat_academy
    @vat_academy 6 месяцев назад +1

    Excellent presentation

  • @zahrabt6705
    @zahrabt6705 27 дней назад +1

    fast and useful. thnx

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

    it was really easily to understand, thank you very much!

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

      Glad to help, thanks ❤️

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

    Thanks mate this was very helpful for understanding Ajax!

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

      I am happy to help.

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

    Really helpful for beginners to Ajax, thank you

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

      You're very welcome! Glad it was helpful

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

    Good day bro. Great tuts, simple and very understandable.

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

      Thank you very much, I appreciate your comment ❤️

  • @mr.jaweedkhan3364
    @mr.jaweedkhan3364 Год назад +1

    Great, easily understandable.

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

      Thanks alot brother ❤️

  • @a.tparmar6826
    @a.tparmar6826 Год назад +1

    Wow! worked fine, thanks destiny

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

    Great video!
    Can you make a video of how to do CRUD using django + ajax?

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

      I thought about that too, sure I'd make a video pal

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

    Great Tutorial and well explain , but how do i clear the input form from the ajax after submission?

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

      You're welcome
      You can Reset Ajax forms using the reset () method.

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

    Can you also pass in password fields through AJAX or is that not secure?

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

    great ,
    can you do a tutorial in django on how to edit/update HTML tables without page refresh , something a bit similar to EXCEL-Like data entry

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

      Okay sure, I'd look into that ❤️

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

    very good

  • @harshalshah1058
    @harshalshah1058 4 месяца назад

    Can you please provide the source code for index.html....

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

    Brother where did you get the "input name" in the ajax? What is the purpose? Thanks

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

      I got the input value in Ajax using the id attribute. We need to get the input value because we want to grab whatever is it that we are typing into the input.

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

    Hi Desphixs, I really enjoyed your tutorial and followed every step I could see you doing. But it didn't work for me, something I missed. I went looking for the code you shared and I didn't find it. Then I saw that some people asked you for the code, but that was a year ago. Is there a possibility that you share it now? Thank you very much my friend!

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

      Thanks i'm happy that you liked the videos.
      TBH, after making the tutorial i lost almost all the files on my PC and unfortunately, i have not commited it to github then.
      I'll create the HTML files and upload it again.

    • @rubenslima7461
      @rubenslima7461 11 месяцев назад +2

      @@desphixs Thank you very much for your attention. This code will really help me a lot. Thank you in advance.

  • @GustavoHenriqueZollnerMunhoz
    @GustavoHenriqueZollnerMunhoz 7 месяцев назад +1

    Thanks for the tutorial bro, exactly what i needed

    • @desphixs
      @desphixs  7 месяцев назад

      You’re welcome, hope you enjoyed it.

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

    Brother is applicable using my modalform?

  • @toddgilbey3979
    @toddgilbey3979 4 месяца назад +1

    Quick question: why is there no method = "POST"?

    • @desphixs
      @desphixs  4 месяца назад +1

      We’re using Ajax, so we add the method using Ajax instead of the Django view

    • @toddgilbey3979
      @toddgilbey3979 4 месяца назад

      @@desphixs You’re using Ajax? You poor thing. How’s your sanity? 😂

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

    How can I get ajax cdn ?

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

      Just search jqeury cdn on your favorite search engine 🙂

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

    hi, you have not shared source code, for me it is giving lot of errors. kindly share the source code

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

    Please add the source code for this video.

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

      Okay, I'll upload it

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

    kindly share code

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

    jquery.min.js:2 POST 127.0.0.1:8000/create 500 (Internal Server Error).
    its showing this error. How to fix it..?

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

      make sure that you are adding the jquery cdn at the head to be able to use jquery in the document