Ajax Highlights

Post on 24-Jun-2015

311 views 0 download

Tags:

description

A very good presentation to brief about Ajax

transcript

Ajax Highlights

Sharvan Kumar

08 October 2009

How Ajax Works

Asynchronous applications make requests using a JavaScript object, and not a form submit.

Your requests and responses are handled by the web browser, not directly by your JavaScript code.

Once the web browser gets a response to your asynchronous request, it will "call back" your JavaScript with the server's response.

Create Request

What Server Used to do??

Initialize the connection.Create Ajax Request

GET Request . POST for post request

True Means Asynchronous Request,False Means Synchronous Request.

URL of the page whereRequest is to be sent.

Initialize Connection

Let’s break down that a bit

Mr. Code……..and Mrs. Comment

Connecting to Web Server

Send Null Request To Server

Sending Instructions to Web Browser

The browser checks the request object to see what it should do next... updatePage() ...and finds out it should run the updatePage() JavaScript function.

Get back Server Response

Data returned from Server accessed With responseTextProperty…

Checking Right Ready State

The readyState code changes value from 0 to 4 during a request cycle:

0: not initialized. 1: connection established. 2: request received. 3: processing. 4: finished and response is ready.

Let’s See what actually happens

Summery