Update records without refresh

Question

Apologies if this has been asked before but I'm not sure what to search for exactly so I thought it would be better to explain it.

I am using php to get records from a mysql table and present them. However I have added couple of dropdowns and search boxes to filter out the results and I would like to do it without refreshing the page. Can anyone point me to a tutorial or something like that? I guess I should use jQuery but as I said I don't know what to look for exactly.

Thank you!

Answer 1

You need to use AJAX at client side:

Here are few good examples:

http://www.w3schools.com/php/php_ajax_database.asp

Using Jquery Ajax to retrieve data from Mysql

Answer 2

You can use ajax in jQuery .

Here is a quick look at the ajax API .

And a tutorial guide for ajax:

http://learn.jquery.com/ajax/

And a tutorial for getting started with jquery ajax call

http://www.keyboardninja.eu/webdevelopment/jquery-ajax-call-tutorial

Answer 3

AJAX is a technique for creating fast and dynamic web pages. AJAX allows web pages to be updated asynchronously by exchanging small amounts of data with the server behind the scenes. This means that it is possible to update parts of a web page, without reloading the whole page.

The XMLHttpRequest object is part of a technology called Ajax (Asynchronous JavaScript and XML). Using Ajax, data could then be passed between the browser and the server, using the XMLHttpRequest API, without having to reload the web page

You can get AJAX Examples Here