PHP Ajax - CRUD Application with Bootstrap 5 & Datatables Library || Drag & Drop Image Upload

PHP, MySQL Complete CRUD Operations with Jquey, Ajax, Bootstrap 5 Offcanvas and Datatables Library.
In this video we have created a complete CRUD (Create, Read, Update, Delete) Application in php using ajax.

===========================================
Demo - 00:00
Creating Database - 01:32
Create & Organize Files - 02:37
Creating Insert Form - 04:58
Preview Image Before Upload - 07:38
Database Connection - 13:33
Insert Data to MySQL Database - 14:24
Creating Table - 20:47
Initializing Datatable - 21:29
Fetch Data From Database & Display in Datatable - 22:15
Creating Edit Form - 26:09
Update Data - 31:05
Delete Data - 34:33
============================================

If you face any problems while downloading the file, let me know in the comments
-----------------------------------------------------------------------------------------------------------
If you like the video please give it a Like and comment below what video you want to see next.
Please Subscribe

Music by MBB

––––––––––––––––––––––––––––––
Song: Ehrling - You And Me (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.
––––––––––––––––––––––––––––––

––––––––––––––––––––––––––––––
Creative Commons — Attribution-ShareAlike 3.0 Unported — CC BY-SA 3.0
––––––––––––––––––––––––––––––

––––––––––––––––––––––––––––––
Song: MBB - Island (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.
––––––––––––––––––––––––––––––

––––––––––––––––––––––––––––––
Song: MBB - Beach (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.
––––––––––––––––––––––––––––––

––––––––––––––––––––––––––––––
Song: MBB - Feel Good (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.
––––––––––––––––––––––––––––––

––––––––––––––––––––––––––––––
Track : Jarico - Landscape
Music Provided by Magic Records
––––––––––––––––––––––––––––––

Like || Comment || Share
Thanks :)

Keywords(Ignore):
PHP, MYSQL, Bootstrap, Ajax, CRUD, Datatables, JQuery, bootstrap 5 offcanvas, php ajax tutorial, php ajax crud, advanced crud operations in php mysql ajax jquery, php ajax insert data in database, php ajax update, php ajax Delete, ajax crud application, php ajax get data from database, php ajax fetch data, php ajax datatable, delete data without page refresh In php, php drag and drop image upload, php crud with image upload, php ajax load data without refresh, bootstrap offcanvas, bootstrap 5 offcanvas, php ajax crud with datatables and bootstrap modal, php ajax crud with datatables and bootstrap offcanvas, PHP Ajax - Drag & Drop Image Upload.

[soumitkumar]

Thanks for the video, please make some more on bootstrap 5 and php

[roadtripfun]

how to fix. if my server. php is undefined index: action

[ceeshab]

submit button is not working I need to refresh it to display the data. The image is not showing too but it's displayed on sql. How to fix this error???

[onechannel]

I stuck at min 20:00... The Toast messages don't appear and there is no insert in my db... I get "Uncaught SyntaxError: Unexpected end of JSOn input" at Object.success (modal.js:22:37)

But I checked my code 50 times before and it's the same like you have. The only difference between your video and mine, are the folders... You got server.php, script.js and index.php in the same root. Could this be a problem? Like this line: url: "server.php?action=insertData",

Can you please help me community?

[mssama]

Thank you brother we need your favor here on youtube bro ❤️

[sheltonbolt]

its good but submit button is not working

[TechnowulfTV]

Hello thank you for the great tutorial! I really love it! One thing Im having problem is why the image I am saving is being saved in the database but is not being uploaded to the uploads folder on my site? I have the uploads folder in the root directory of the site. Thanks for the help :)

[louiepadernilla]

hello brother i have a problem i cannot see the photo and the submit button wont work unless you refresh the page