Partial page refresh with AJAX and JQuery
From time to time I need some kind of mechanism to continuously refresh a web page in order to provide a real-time dashboard of some kind. It would be great if I only could refresh a part of a specific page, for example: the traffic lights on a dashboard that indicate the status of the system.
So we just place this little JS code snippet into our page to refresh everything inside the tag with the content id, let’s say every 5 seconds:
That’s it!! It is thus fairly easy to accomplish some real-time monitoring behavior with just that line of code. No more weird meta-refresh tags or iframe kind of workarounds in your web applications.
Every 5 seconds, we will refresh the content of the element with the content of the same URL and all elements that reside under the element with id: content.
Quite nice, don’t you think? JQuery certainly allows you to apply some very powerful techniques in just a few lines of code. I like it.. a lot!
"Wil je meer weten over gedeeltelijke page refresh? Wij zijn er voor je"