JS Fetch with PHP RESTful API, Login Authentication - #76
10.8 هزار بار بازدید -
3 سال پیش
-
Last week we built a
Last week we built a simple API using PHP, this week we tie it all together with our vanilla JavaScript login application. Using JS Fetch, we send a username and password as JSON to our API, validate that against our database, then finally return with an error message or a single user account.
This project will teach you about the basics of JS fetch and how to encode and send JSON data using JS. It will also show you how to get that JSON data and interpret it in a way our API can understand and return the correct information or messages.
https://www.seevid.ir/fa/w/5ujpgk4oe3c Intro
https://www.seevid.ir/fa/w/5ujpgk4oe3c JavaScript Fetch
https://www.seevid.ir/fa/w/5ujpgk4oe3c Handling CORS Policy Errors
https://www.seevid.ir/fa/w/5ujpgk4oe3c Capturing JSON Data in PHP
https://www.seevid.ir/fa/w/5ujpgk4oe3c Capturing & Displaying Errors in JS
https://www.seevid.ir/fa/w/5ujpgk4oe3c Passing User Information on Success
https://www.seevid.ir/fa/w/5ujpgk4oe3c Displaying User Information on Dashboard
Vanilla JS Form Validation and Authentication (Part 1): https://www.seevid.ir/fa/w/Rrbwrk79WTw
Convert Data from MYSQL to JSON (Part 2): https://www.seevid.ir/fa/w/m8rnFHd2zcY
JS Fetch with PHP RESTful API (Part 3): this video
Become a Patreon to show support and get exclusive access to content: https://www.patreon.com/devdrawer
`````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Subscribe: https://bit.ly/2Wbsnj9
`````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Join us on our blog for video recaps and other tutorials: https://thedevdrawer.com/
Become a fan on Twitter: https://twitter.com/thedevdrawer
Applications Used
Visual Studio Code v1.43: https://code.visualstudio.com/
WAMP v3.2.0: http://www.wampserver.com/en/ #php #phptutorial #development #code #programming #webdesign
Computer Hardware:
Windows 10 Pro: https://amzn.to/3q5TyZw (Amazon)
Samsung 500GB External SSD: https://amzn.to/2ViAAAF (Amazon)
Samsung 970 EVO Plus SSD 1TB - M.2 NVMe: https://amzn.to/36jDwDy (Amazon)
Rosewill Hive-750S R750W PSU: https://amzn.to/36jiDbs (Amazon)
Phanteks Eclipse Tempered Glass Case: https://amzn.to/39qou0B (Amazon)
MSI Arsenal Gaming AMD Ryzen Motherboard: https://amzn.to/36hpAKm (Amazon)
MSI Gaming GeForce RTX 2060 Super 8GB: https://amzn.to/36hMyRm (Amazon)
LG 34UM69G-B 34-Inch 21:9 UltraWide IPS Monitor: https://amzn.to/2HSRxyI (Amazon)
Corsair 64GB (4 x 16GB) DDR4 Memory: https://amzn.to/3mlmQkI (Amazon)
AMD Ryzen 7 2700X Processor: https://amzn.to/3qdQIBF (Amazon)
Dell XPS 15 9500 15.6" Laptop / Windows: https://amzn.to/3fKEz2w (Amazon)
Lenovo ThinkPad T15 15.6" Laptop / Linux: https://amzn.to/2Jnmn33 (Amazon)
Camera:
Fujifilm X-T3: https://amzn.to/3llKBb5 (Amazon)
Fujinon XF18-55mmF2.8-4: https://amzn.to/3mfTkNb (Amazon)
Audio:
Audio Technica AT2020: https://amzn.to/2VgxU6K (Amazon)
Blue Snowball iCE: https://amzn.to/3lo1jGC (Amazon)
DISCLAIMERS:
I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.
View Project on GitHub: https://github.com/thedevdrawer
3 سال پیش
در تاریخ 1400/07/09 منتشر شده
است.
10,870
بـار بازدید شده