Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Download
Standard view
Full view
of .
Look up keyword
Like this
1Activity
0 of .
Results for:
No results containing your search query
P. 1
Ajax %26 Rich Internet Applications[1]

Ajax %26 Rich Internet Applications[1]

Ratings: (0)|Views: 14 |Likes:
Published by api-3710693

More info:

Published by: api-3710693 on Oct 14, 2008
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

05/09/2014

pdf

text

original

1
AJAX & Rich Internet Applications
Bringing Interactivity & Intuitiveness Into Web Applications
AJAX Defined
\u2022Asynchronous Javascript and XML
\u2013Term coined by Jesse James Garrett
\u2013www.adaptivepath.com
\u2022Ajax is not a new technology

\u2013Google calls their technique: Javascript
\u2013Also known as XMLHTTP technique
\u2013In use since at least 1997

\u2022A bundle of techniques

\u2013Some are pure \u2013 XML data interchange only
\u2013Some are not \u2013 Passing Javascript methods to client
\u2013Some are cool \u2013 DHTML widgets
\u2013Some are not \u2013 XML & XSLTs
\u2013Ok..they\u2019re all cool\u2026

\u2022Core techniques are centered around asynchronous
communication to the server without a page refresh
Mr. Ajax
2
Traditional Web Applications\u2026
Pick An Item
\u2018Add To Cart\u2019
Review Cart
Enter Data
Submit
Action

Validation
Persistence
Forwarding

Error Page
\u2018Can\u2019t Order 500\u2019
Enter
Shipping
Enter Data
Submit
Action

Validation
Persistence
Forwarding

Action

Validation
Persistence
Forwarding

Enter Billing
Enter Data
Submit
Unit of work is a page

Client code concerned with validation
Submits sent to actions
Actions perform work and then forward to next page
Page refresh for each submit

Pages & Actions
AJAX Changes How Web Apps are Built
Order Entry
Events/Actions
Validation
Persistence
Event Handlers
GUI Creation
Item List
Component

Unit of work is a component
Three-Tier Client/Server Model
Client code has validation, flow, layout, data interchange
No submit buttons\u2014save buttons
Only parts of pages are updated at a time

Item List (DIV)

Shopping Cart (DIV)
Shipping Form (DIV)
Billing Form (DIV)

ErrorViewer
(DIV)
Shopping Cart
Component
Shipping
Component
Billing
Component
Components & Events
AJAX
3
AJAX Enabled Master Detail Form

No screen flicker.
Individual regions or fields updated.
Client sends data to server asynchronously.
Server returns data, messages, gui, or code.

Two ways of talking to the server\u2026
\u2022XMLHTTPRequest object

\u2013Allows for asynchronous GETs + POSTs to the server
\u2013Does not show the user anything\u2014no status messages
\u2013Can have multiple XMLHTTPRequest active at one time
\u2013Allows you to specify a handler method for state changes
\u2013Handler notified when request is:

\u2022 Initialized
\u2022 Started
\u2022 In the process of being returned
\u2022 Completely finished
\u2013Originally only available for Microsoft IE
\u2022IFRAME

\u2013IFRAME is a \u201cmini-browser\u201d window in an HTML document
\u2013Can be hidden (0 width, 0 height)
\u2013IFRAME can call a URL
\u2013Javascript can read the contents of the IFRAME
\u2013User sees messages on status bar
\u2013Hears a click as server submits request
\u2013Much slower than XMLHTTPRequest

You're Reading a Free Preview

Download
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->