See the full article on:
[ Ссылка ]
This is a simple web application to illustrate visually the difference between Ajax and non-Ajax calls that take place all in a single web page.
Every selection change performed on the Non-Ajax drop down box will cause the page to reload and thus interrupt and re-start the animation. On the other hand, selection change performed on the Ajax drop down box will only change the content at the designated location without affecting other elements on the page which is evident by the uninterrupted run of the animation. This is asynchronization at work!
![](https://i.ytimg.com/vi/aGX6fI3cYlw/mqdefault.jpg)