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.
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.
15 comments:
Which browsers support AJAX?
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.
What is the role of Ajax in enhancing user experience?
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.
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.
How is user interfaces powerful in AJAX?
AJAX helps in refreshing / requerying parts of web page without reloading the entrie webpage there by increasing performance and ultimately user interface
What are the technologies combined in AJAX?
The AJAX combined the client side technolgies to implement.
these technolgy includes
Java Script
DHTML
Html
what is AJAX ? How it is implemented? Given skeleton example?
AJAX is made for suppoting XML format that can be used with JAVA API
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.
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.
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?
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
Post a Comment