Form Submission in Django without Page Refresh using AJAX - Django and Ajax Beginner Tutorial
ฝัง
- เผยแพร่เมื่อ 23 ส.ค. 2024
- 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...
◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
💰 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/des...
🔊 Podcast: anchor.fm/ (COMING SOON)
🎬 My TH-cam 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 TH-cam. 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
I'm really very grateful for such an informative and relatively short video on this topic)
your work is worth it, keep going, man!
So nice of you
Thank you for this tutorial. Where I got stuck: Don't load jQuery in slim minified version via CDN; it takes out AJAX! 🙄🙂
Thanks mate this was very helpful for understanding Ajax!
I am happy to help.
fast and useful. thnx
You're welcome!
Thank you!
it was really easily to understand, thank you very much!
Glad to help, thanks ❤️
Thank you for making this very clear, great tutorial!
Happy to help ❤️
Great video!
Can you make a video of how to do CRUD using django + ajax?
I thought about that too, sure I'd make a video pal
Really helpful for beginners to Ajax, thank you
You're very welcome! Glad it was helpful
Thanks for the tutorial bro, exactly what i needed
You’re welcome, hope you enjoyed it.
Can you also pass in password fields through AJAX or is that not secure?
Great Tutorial and well explain , but how do i clear the input form from the ajax after submission?
You're welcome
You can Reset Ajax forms using the reset () method.
Wow! worked fine, thanks destiny
You're welcome!
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
Okay sure, I'd look into that ❤️
Good day bro. Great tuts, simple and very understandable.
Thank you very much, I appreciate your comment ❤️
Excellent presentation
Great, easily understandable.
Thanks alot brother ❤️
Can you please provide the source code for index.html....
Quick question: why is there no method = "POST"?
We’re using Ajax, so we add the method using Ajax instead of the Django view
@@desphixs You’re using Ajax? You poor thing. How’s your sanity? 😂
Brother where did you get the "input name" in the ajax? What is the purpose? Thanks
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.
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!
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.
@@desphixs Thank you very much for your attention. This code will really help me a lot. Thank you in advance.
Brother is applicable using my modalform?
Yes it is
very good
Thanks I'm happy you like it
@@desphixs tnx
How can I get ajax cdn ?
Just search jqeury cdn on your favorite search engine 🙂
hi, you have not shared source code, for me it is giving lot of errors. kindly share the source code
As soon as I find the source code I'll upload it for you, but what's error are you getting, let's debug it together
Please add the source code for this video.
Okay, I'll upload it
kindly share code
Okay
@@desphixs i am waiting for ur code
Yes where is the code?? I didn't see it in description😢
jquery.min.js:2 POST 127.0.0.1:8000/create 500 (Internal Server Error).
its showing this error. How to fix it..?
make sure that you are adding the jquery cdn at the head to be able to use jquery in the document