Ajaxism
0 likes480 views
This document provides an introduction to XML and AJAX. It defines XML as a data representation language used to transport and store data, not for displaying. XML is used to separate data from HTML and simplify data sharing, transport, and availability across different platforms and clients. The document also introduces XMLHttpRequest, a JavaScript class that allows making HTTP requests to exchange data with a server behind the scenes. This enables updating parts of a page without reloading and sending data to a server in the background, as demonstrated in examples accessing an XML file and creating a login module using AJAX.
Ajaxism
- 1. AJAXISM A (very) quick tutorial on XML and AJAX
- 2. Outline XML Alternatives to XML Ajax Ajax – Hands on
- 3. 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>
- 4. 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! “
- 5. 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)
- 6. 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