Ajaxism

AJAXISM
A (very) quick tutorial on XML and AJAX

Outline
 XML
 Alternatives to XML
 Ajax
 Ajax – Hands on

XML - Definition
 What do we know already?
 Stands for “Extensible Markup Language”
 Eg:
<note>
<to>Anna University</to>
<from>Narendran</from>
<heading>Requesting pass mark</heading>
<body>I have applied for reval. Pls2pass! </body>
</note>

XML – Real definition
 Data representation language.
 Used to transport and store data (not for displaying)
 Eg:
<note>
<to>Anna University</to>
<from>Narendran</from>
<heading>Requesting pass mark</heading>
<body>I have applied for reval. Pls2pass! </body>
</note>
 Represents data – From Narendran to Anna University,
Subject is Requesting Pass Mark, with content “I have
applied for reval. Pls2pass! “

Where do they use XML?
 Separates data from HTML – XML cannot be used in the
place of HTML.
 Simplifies data sharing – XML is plaintext
 Simplifies data transport - No compatibility issues.
 Simplifies platform changes – Eg: Implementation language
changes, OS changes, browser changes etc.
 Make data more available to different clients (handhelds to
supercomputers)

XMLHttpRequest
 A class in JavaScript that allows making XML based HTTP calls.
xmlhttp=new XMLHttpRequest();
 Used to exchange data with the server behind the scenes
 What can it do for me?
 Update a page without reloading.
 Send data to a server in the background.

 Demo – Access an XML file using XMLHttpRequest
 Demo – Login module using Ajax

Ajaxism

More Related Content

What's hot

Viewers also liked

Similar to Ajaxism

More from UC San Diego

Recently uploaded

Ajaxism