What is Ajax? Ajax components ? ~ Ajax Training, Learn Ajax Video Tutorials Online, Ajax Examples
Ajax Training, Learn Ajax Video Tutorials Online, Ajax Examples: What is Ajax? Ajax components ?

What is Ajax? Ajax components ?

What is Ajax?
Ajax is an approach or pattern to web development that uses client-side scripting to exchange data with a web server. This approach enables pages to be updated dynamically without causing a full page refresh to occur (the dream, we presume, of every web developer). As a result, the interaction between the user and the application is uninterrupted and remains continuous and fluid. Some consider this approach to be a technology rather than a pattern. Instead, it’s a combination of related technologies used together in a creative way.
Some credit remote scripting as the precursor to Ajax development. Prior to the XMLHttpRequest object, remote scripting allowed scripts running in a browser to exchange information with a server. For more about remote scripting, read http://en.wikipedia.org/wiki/Remote_Scripting.

Ajax components
the Ajax programming pattern consists of a set of existing technologies brought together in an imaginative way, resulting in a richer and more engaging user experience. The following are the main pillars of the Ajax programming pattern and the role they play in its model:

JavaScript—A scripting language that is commonly hosted in a browser to add interactivity to HTML pages. JavaScript is the most popular scripting language on the Web and is
supported by all major browsers. Ajax applications are built in JavaScript.

Document Object Model (DOM) —Defines the structure of a web page as a set of
programmable objects that can be accessed through JavaScript. In Ajax programming,
the DOM is leveraged to effectively redraw portions of the page.

Cascading Style Sheets (CSS)—Provides a way to define the visual appearance
of elements on a web page. CSS is used in Ajax applications to modify the exterior of the user interface interactively.

XMLHttpRequest—Allows a client-side script to perform an HTTP request. Ajax applications use the XMLHttpRequest object to perform asynchronous requests to the server as opposed to performing a full-page refresh or postback.

Ajax components. The technologies used in the Ajax pattern complement each to deliver a richer and smarter application that runs on the browser.

In an Ajax-enabled application, you can think of JavaScript as the glue that holds everything together. When data is needed, the XMLHttpRequest object is used to make a request to the server. When the data is returned, the DOM and CSS are leveraged to update the browser’s user interface dynamically. TIP You can find a collection of Ajax design patterns at
http://ajaxpatterns.org.

Related Posts by Categories

15 comments:

Neo said...

Which browsers support AJAX?

Sam said...

Internet Explorer 5.0 and up, Opera 7.6 and up, Netscape 7.1 and up, Firefox 1.0 and up, Safari 1.2 and up, among others.

Hyden said...

What is the role of Ajax in enhancing user experience?

Sam said...

AJAX is not a new technology but a combination of several existing technologies in a new way. These include HTML, CSS, DOM, XML, XSLT, XMLHttpRequest and Javascript. The acronym AJAX stands for Asynchronous Javascript and XML. AJAX is based on open standards supported by many browsers and platforms. AJAX is a new paradigm for building web application.

Uday said...

Ajax is an acronym for “Asynchronous JavaScript And XML.” Web pages are endowed with snippets of code that can access remote services (like web services) and not refresh the page. This prevents “round tripping” which is the cause for display flicker and slow response times.

Clerk said...

How is user interfaces powerful in AJAX?

Sam said...

AJAX helps in refreshing / requerying parts of web page without reloading the entrie webpage there by increasing performance and ultimately user interface

Arvind said...

What are the technologies combined in AJAX?

rakesh said...

The AJAX combined the client side technolgies to implement.
these technolgy includes

Java Script
DHTML
Html

William said...

what is AJAX ? How it is implemented? Given skeleton example?

Jay said...

AJAX is made for suppoting XML format that can be used with JAVA API

Kumar said...

Ajax is a concept or collection of technologies which include html or dhtml, javascript, DOM, XMLHttpRequest object, XML and a server side scripting language. XML is for data transfer and is not a mandatory choice, a user can transfer data in plain text or jason format. Also a server side scripting language is not a requirement but is used in database applications as javascript cannot speak to database, in such situation other server side scripting language like php is used.eg: keep watching, must add comments to code, will add soon.

Aravinth said...

AJAX - Asynchronus Javascript And XML, Using JavaScript technology, an HTML page can asynchronously make calls to the server from which it was loaded and fetch content that may be formatted as XML documents, HTML content, plain text, or JavaScript Object Notation (JSON). The JavaScript technology may then use the content to update or modify the Document Object Model (DOM) of the HTML page.

Anonymous said...

Hi,
I am new to AJAX.
Suggest me a good framework for doing good(advanced) programming.
Or Is there any specification for AJAX frameworks to comply with?

Vidbird said...

for Ajax beginners, there are many ways to learn AJAX including, ebooks, video tutorials, workshops and web based tutorials. And you find them absolutely free on web. The following is a list of what I consider the be the best and most helpful AJAX tutorials that I've found on web:


AJAX Client-Server Communication Tutorials


Alternate Ajax Techniques, Part 1




Dynamic HTML andXML: The XMLHttpRequest Object

Guide to Using XMLHttpRequest

Make asynchronous requests with JavaScript and Ajax

Ajax Instant Tutorial

Advanced Requests and Responses in AJAXR
AJAX Drag and Drop Tutorials


Fun with Drag and Drop with RICO

Drag & Drop Sortable Lists with JavaScript and CSS

Building a Drag-and-Drop Shopping Cart with AJAX
AJAX Form Tutorials


Accessible Forms and Unobtrusive Javascript

Submit a form with Ajax

Niceforms
AJAX File Uploader Tutorial


Better File Uploads with AJAX and JavaServer Faces

AJAX Tutorial with Prototype

Learn xajax in 10 Minutes

Using Ajax with PHP and Sajax

Developer Notes for prototype.js
AJAX Getting Started Tutorial


AJAX - Getting Started
AJAX Image Gallery Tutorial


Ajax - What is it Good For?
AJAX Keyword Suggest Tutorials


How to create the Google Suggest feature with ASP.NET 2.0

Creating an Autosuggest Textbox with JavaScript, Part 1
AJAX Live Search Tutorials


HOWTO - Animated Live Search / Ordered List

Live search explained
AJAX Rounded Corner Tutorials


Rico rounded corners without all of Rico
AJAX Sorting Tutorial


Make all your tables sortable
AJAX Tabbed Pages Tutorials


Building Tabbed Content

Make an AJAX Website in Less than 10 Minutes

Very Dynamic Web Interfaces

AJAX Design Patterns

Beautiful JavaScript-Powered Pages

Useful Links on Adobe Flex

Your Ad Here

Latest Books on Adobe Flex