Ajax JQuery / PHP – Refresh Table When Inserting Row Into a MySQL Database

Mar 9th, 2010
Maruf scribbled this post.

I’ve had a few people asking me how to refresh a table (not the entire page) when inserting rows into a MySQL database, so I thought I’d quickly put together a small demo.

Here’s a basic demo of what I’m talking about. If you populate the form and press “Submit” you’ll notice the table updates without the entire page refreshing.

Demo

Ajax JQuery / PHP – Refresh Table Demo.

I’ve put a limit of 20 entries on the demo version, to save myself from being abused!!

Download

Download Ajax JQuery / PHP – Refresh Table

Please note, I have merely provided a guide. You are strongly advised to implement your own server and client side error checking.

I hope you find the code useful