Delete a Record with animation effect using jQuery and Ajax (Updated)

| Last Updated: | In: Core php, Javascript & Ajax, Mysql

In this tutorials i will explain the easy steps to Delete a Record with animation effect using jQuery and Ajax. I like Twitter API very much, it’s clean and faster. So i prepared this jQuery tutorial delete action with out refreshing page.

After this tutorials you will be able to create a web application which will delete records from mysql table like animation using jQuery and PHP, so keep close attention in this post and you can also download the complete script of this tutorial.

Ajax delete

Create Database Table Code

Open PHPMyAdmin in your browser and select a database. Click on SQL tabs, Copy paste below snippet and execute the code. Now you have successfully created the mysql table named “updates” and inserted some dummy data.

Dbconfig.php code

Now create a folder in your www folder. Create dbconfig.php file and add below code to connect your code with mysql database.

Index.php (user interface page)

Here Displaying records form database using while loop. Delete button included in anchor tag attribute id=< ?php echo $row['ms_id']; ?>. This we are passing to delete.php page.


Ajax with Jquery code

demo download.

Do like & share it with your friends on social media. Don’t forget to follow us on Facebook and Twitter to learn cool tutorials.

Tags: , , ,

About: Prem Tiwari

Prem Tiwari is founder of and Software developer from New Delhi (India). Follow Prem's development codes on facebook, and make sure you check out for the latest in web development related Tips with the complete code.

You may also like:

Follow us!

Get Free Access of 350+ Scripts

Don't worry you'll not be spammed!

Featured eBook

WordPress Security Guide

Learn how to implement security guideline in your WordPress site...


Pincode Finder

pincode-finder tool

Online Pincode Finder

Best tool to locate post Office address and pincodes of all india...