Thursday 31 March 2016

Synchronous vs Asynchronous


Synchronous and Asynchronous

Synchronous Vs Asynchronous

  • Before understanding AJAX, let’s understand classic web application model and ajax web application model first.

Synchronous (Classic Web-Application Model)

  • A synchronous request blocks the client until operation completes i.e. browser is not unresponsive. In such case, javascript engine of the browser is blocked.
  • As you can see in the above image, full page is refreshed at request time and user is blocked until request completes.

Asynchronous (AJAX Web-Application Model)

  • An asynchronous request doesn’t block the client i.e. browser is responsive. At that time, user can perform another operations also. In such case, javascript engine of the browser is not blocked.
  • As you can see in the above image, full page is not refreshed at request time and user gets response from the ajax engine.