1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
5 <title>Document</title>
6 <script type="text/javascript">
7 var xmlhttp;
8 function loadXMLDoc(url){
9 xmlhttp = null;
10 if(window.XMLHttpRequest){
11 xmlhttp = new XMLHttpRequest();
12 }else if(window.ActiveXObject){
13 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
14 }
15 if(xmlhttp!=null){
16 xmlhttp.onreadystatechange = state_Change;
17 xmlhttp.open("GET", url, true);
18 xmlhttp.send(null);
19 }else{
20 alert("Your brower does not support XMLHTTP");
21 }
22 }
23 function state_Change(){
24 if(xmlhttp.readyState == 4){
25 if(xmlhttp.status == 200){
26 document.getElementById('A1').innerHTML = xmlhttp.status;
27 document.getElementById('A2').innerHTML = xmlhttp.statusText;
28 document.getElementById('A3').innerHTML = xmlhttp.responseText;
29 }else{
30 alert("Problem retrieving XML data:" + xmlhttp.statusText);
31 }
32 }
33 }
34 </script>
35 </head>
36 <body>
37 <h2>Using the HttpRequest</h2>
38 <p>
39 <b>Status:</b>
40 <span id = "A1"></span>
41 </p>
42 <p>
43 <b>status text:</b>
44 <span id = "A2"></span>
45 </p>
46 <p>
47 <b>Response:</b>
48 <br /><span id = "A3"></span>
49 </p>
50
51 <button onclick="loadXMLDoc('note.xml')">Get XML</button>
52 </body>
53 </html>
<?xml version="1.0" encoding = "ISO-8859-1"?>
<note>
<to>George</to>
<from>John</from>
<heading>Reminder</heading>
<body>Don't forget the meeting!</body>
</note>
