AJAX Technologies

April 30, 2007 at 5:12 am Leave a comment

The following technologies are typically included in AJAX: l Cascading Style Sheets (CSS), a markup language for defining the presentation style of a page, such as fonts and colors.l JavaScript, a scripting language. One element of JavaScript technology that is key to AJAX is XMLHttpRequest, an object that is used to exchange data between the web client and web server.l Document Object Model (DOM), which provides a logical view of a web page as a tree structure.l XML, the format for sending data from the web server to the client. However, you can use other formats, such as HTML, JavaScript Object Notation (JSON), or plain text.
Like other web applications, an AJAX-enabled web application uses a markup language such as HTML or XHTML to present web pages, or a server-side technology such as JavaServer Pages (JSP) technology to generate web pages. In addition, server-side application systems play a key role in processing AJAX applications. A server-side application system such as Java Platform, Enterprise Edition (Java EE), that includes support for data validation, user identity management, and persistence fits very well with the AJAX methodology. See the AJAX and Server-Side Java Technologies section of this article.

Figure 1 illustrates how these technologies work together to handle a user action that triggers an AJAX response

1. A user generates an event on the client. This results in a JavaScript technology call.

2. A JavaScript technology function creates and configures an XMLHttpRequest object on the client, and specifies a JavaScript technology callback function.

3. The XMLHttpRequest object makes a call — an asynchronous HTTP request — to the web server.

4. The web server processes the request and returns an XML document that contains the result.

5. The XMLHttpRequest object calls the callback function and exposes the response from the web server so that the request can be processed.

6. The client updates the HTML DOM representing the page with the new data.You can incorporate these technologies into a web application in a variety of ways.

For example, you can write JavaScript technology code in an HTML page, or you can use a library such as one in the Dojo toolkit to provide part or all of the JavaScript technology functionality you need. In addition, you have server-related choices regarding AJAX.



Entry filed under: Ajax.

5 useful PHP functions for MySQL data fetching XML is better than HTML for SEO

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Trackback this post  |  Subscribe to the comments via RSS Feed

Flickr Photos

Blog Stats

  • 720,244 hits

%d bloggers like this: