Scribd
Upload
506 views

AJAX Patterns Web20

This document discusses several AJAX design patterns including predictive fetch, submission throttling, periodic refresh, multi-stage download, and fallback patterns. Predictive fetch predicts what a user will do next and prefetches that data. Submission throttling buffers user input on the client and sends it to the server periodically rather than with each keystroke. Periodic refresh checks for new server data at regular intervals. Multi-stage download loads basic content first and additional components later. Fallback patterns describe how the application degrades gracefully if requests fail or the server errors.

Uploaded by

Jith Mohan
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
506 views

AJAX Patterns Web20

This document discusses several AJAX design patterns including predictive fetch, submission throttling, periodic refresh, multi-stage download, and fallback patterns. Predictive fetch predicts what a user will do next and prefetches that data. Submission throttling buffers user input on the client and sends it to the server periodically rather than with each keystroke. Periodic refresh checks for new server data at regular intervals. Multi-stage download loads basic content first and additional components later. Fallback patterns describe how the application degrades gracefully if requests fail or the server errors.

Uploaded by

Jith Mohan
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 15

AJAX Patterns

Web 2.0 and Rich Internet Applications

AJAX Patterns
Only Algorithms ( No Examples !) Predictive Fetch Submission Throttling Periodic Refresh Multistage Download Fall back Patterns

Design Patterns
Describe programming techniques to solve common problems. Design patterns are not standards to be followed, merely designs of solutions that have worked previously. Collective Wisdom Design patterns cut development time. Many problems we face everyday may already have been solved by someone else. That is where design patterns are useful.

Design Patterns

In software engineering, a design pattern is a general repeatable solution to a commonly occurring problem in software design. A design pattern is not a finished design that can be transformed directly into code. It is a description or template for how to solve a problem th can be used in many different situations. Object-oriented design patterns typically show relationships and interactions between classes or objects, without specifying the final application classes or objects that are involved. Algorithms are not thought of as design patterns, since the solve computational problems rather than design problems Design patterns are for avoiding Reinventing Wheels

AJAX Patterns
Ajax has been around since 2005. Communication Patterns:
Hidden Frame techniques Aynchronous XMLHttp calls

Predictive Fetch
Predicting what the user will do next Fetch on Demand Predictive Fetch pattern is relatively simple idea, somewhat difficult to implement. Ajax application guesses what the user is going to do next and retrieves the appropriate data. Determining future user action is just guessing game depending on his intentions.

Predictive Fetch

Suppose the user is reading an online article that is separated into 3 pages. It is logical to assume that if the user is interested in reading the first page, sure he/she will also be interested in second and third page. So if the first page has been loaded for few seconds, it is probably safe to download the second page in the background. This can be easily determined by using a timeout.

Submission Throttling
Sending data to the server issue In traditional web application, each clik makes a request back to the server. In the Ajax model, the user interacts with the site or application without additional requests being generated for each clik. In traditional web application, data is sent to the server every time a user action occurs. Thus when the user types a letter, that letter is sent to the server immediately. The process is repeated for each letter typed. The Submission Throttling, design pattern is an alternative approach. Using submission throttling, you buffer the data to be sent to the server on the client and send the data at predetermined times. Example: Google Suggest

Submission Throttling
Collect data
Is the user idle?

NO

Yes
Is it time to send data ?

NO Yes Send data Yes


Contine Collecting Data

NO Done

Submission Throttling

Incremental Form Validation


OnChange ValidateField

Incremental Field Validation

Periodic Refresh

This pattern describes the processof checking for new server information in specific Intervals. This approach is also called as polling The pattern is used in updating the sports score. Online scoreboards are updated online. Gmail uses periodic refresh to notify users when new email has been received.

Multi-Stage Download
Web designers are loading their pages with multimedia, pictures, graphics, content etc. While this gives more information, also leads to slower download times as everything is loaded in seemingly random order. Multi-stage download is an ajax pattern wherin only the most basic functionality is loaded into a page initially. Upon completion, the page then begins to download other componentson the page. If the user stays on the page for extended period of time, the extra functionality is loaded in the background and available when the user is ready. The major advantage here is that you, as the developer, get to decide what is downloaded and at what point in time. Example Start.com from Nicrosoft. Graceful degradation in case the browser dont support Ajax.

Fallback Patterns

If there is an error on the server? Or the request never makes it to the server? Ajax applications plan ahead for these problems and describe how your application should work if one these should occur.
Cancel Pending request ( status other than 200) Try Again

Fallback Patterns

Whatever can go wrong will go wrong, and at the worst possible time, in the worst possible way Murphy law.

AJAX Patterns
Even though the term Ajax has been around only since early 2005, the techniques that Ajax describes have been used since the late 1990s, giving rise to several Ajax patterns that solve specific problems. Hidden Frame technique and Asynchronous XMLHttp calls are Communication Patterns between client and server using JavaScript.

You might also like