AJAX

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.

ajaxfrom-desktop-applications-towards-ajax-web-applications-15-638

As you can see in the above image, full page is refreshed at request time and user is blocked until request completes.

Let's understand it another way.

wei1


 

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.

ajaxfrom-desktop-applications-towards-ajax-web-applications-16-638

As you can see in the above image, full page is not refreshed at request time and user gets response from the ajax engine.

Let's try to understand asynchronous communication by the image given below.

wei2

Note: every blocking operation is not synchronous and every unblocking operation is not asynchronous.

Please login to get access to the quiz
What is AJAX? (Prev Lesson)
(Next Lesson) AJAX Technologies
Back to AJAX

No Comments

Post a Reply