ajaxism
DESCRIPTION
A (really) quick tutorial for XML and Ajax (Hands-on session)TRANSCRIPT
![Page 1: Ajaxism](https://reader036.vdocuments.site/reader036/viewer/2022081816/54943cb4ac7959342e8b4b52/html5/thumbnails/1.jpg)
A (very) quick tutorial on XML and AJAX
AJAXISM
![Page 2: Ajaxism](https://reader036.vdocuments.site/reader036/viewer/2022081816/54943cb4ac7959342e8b4b52/html5/thumbnails/2.jpg)
Outline
XML
Alternatives to XML
Ajax
Ajax – Hands on
![Page 3: Ajaxism](https://reader036.vdocuments.site/reader036/viewer/2022081816/54943cb4ac7959342e8b4b52/html5/thumbnails/3.jpg)
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>
![Page 4: Ajaxism](https://reader036.vdocuments.site/reader036/viewer/2022081816/54943cb4ac7959342e8b4b52/html5/thumbnails/4.jpg)
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! “
![Page 5: Ajaxism](https://reader036.vdocuments.site/reader036/viewer/2022081816/54943cb4ac7959342e8b4b52/html5/thumbnails/5.jpg)
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)
![Page 6: Ajaxism](https://reader036.vdocuments.site/reader036/viewer/2022081816/54943cb4ac7959342e8b4b52/html5/thumbnails/6.jpg)
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