AJAX


Ajax Course Content
Overview:
AJAX (Asynchronous JavaScript And XML) it also referred to as “remote scripting” and provides a method of programming that incorporates in JavaScript, XML, HTML, CSS technologies to send and receive data between the browser and server. Using it web applications can send data to, and retrieve data from, a server asynchronously without interfering with the display and behavior of the existing page.
Training Objectives of ajax:
Ajax is not a single technology, but it is having group of technologies. Both HTML and CSS can be used in combination to mark up and style the information. DOM is accessed with JavaScript to dynamically display, and allow the user to interact with, the information presented. It uses a communication technology typically between SOAP and XML to send and receive an asynchronous request/response to the server, and then leverages presentation technologies (JavaScript, DOM, HTML, and CSS) to process the response.
Target Students / Prerequisites:
Student must have the knowledge in Technologies like JavaScript, HTML, CSS and XML.
Beginning Ajax
Creating a request object
Requesting the data
Asynchronous data transfer
Using the readyState property
Using a callback function
Using innerHTML
Sending the request
Requesting the data
Error handling with try/catch
Understanding HTTP
Using XML and JSON in Ajax applications
XML basics
XML and the DOM
Using responseText
Using responseXML
JSON vs XML
JSON basics
Using JavaScript literals
Using CSS with Ajax
Object-oriented JavaScript and custom Ajax objects
The new operator
Object constructors
Prototypes
Using custom Ajax objects
Ajax and forms
Encoding
Troubleshooting and Debugging Ajax
The onerror event handler
Debugging Ajax with Firebug
Tools for navigating the DOM
The Firefox DOM Inspector
The IE DOM Inspector
The Mouseover DOM Inspector (MODI)
Live HTTP Headers
HTTP Status Codes
Using JavaScript libraries and Creating a widget
Using JavaScript libraries/frameworks
Three types of libraries/frameworks
DOM extension
Application conveniences
Widgets
The Prototype JavaScript Framework
Using Prototype’s Ajax Object
Using an accordion widget to display an Ajax response
Working with XML feeds and Providing feedback to the user
Working with XML News Feeds
RSS .9x
RSS 2.0
RSS 1.0
Atom
Using the Scriptaculous library for visual effects
The yellow fade technique
Drag and drop functionality
Ajax best practices