Hi all,
I'm new to the Ajax world. I just received the book "Foundations of Ajax", by Asleson and Schutta. It seems like a very readable and informative work, however, I am unable to reproduce the ajax activites, despite hand inputting and then getting the code from the Apress site. In the text, the authors briefly mention that the examples do not use a dynamic server to process the response and provide a real time response. -- I don't really know what that means - will this not work as I've configured - it seems to me that the placement and the directory should allow this to function...
For example, the following code and xml is placed in the same folder on my machine. When I run the html - it comes up fine in FF1.5, but I don't get the response that is suggested - a table with the activites. I get no response, no errors in the javascript console either...
and the xml file (innerHTML.xml)that is accessed by the ajax (html).
<table border="1">
<tbody>
<tr>
<th>Activity Name</th>
<th>Location</th>
<th>Time</th>
</tr>
<tr>
<td>Waterskiing</td>
<td>Dock #1</td>
<td>9:00 AM</td>
</tr>
<tr>
<td>Volleyball</td>
<td>East Court</td>
<td>2:00 PM</td>
</tr>
<tr>
<td>Hiking</td>
<td>Trail 3</td>
<td>3:30 PM</td>
</tr>
</tbody>
</table>
I am probably missing something silly, like needing to have the xml on a server... any thoughts?
Thanks a bunch,
Glg1
I'm new to the Ajax world. I just received the book "Foundations of Ajax", by Asleson and Schutta. It seems like a very readable and informative work, however, I am unable to reproduce the ajax activites, despite hand inputting and then getting the code from the Apress site. In the text, the authors briefly mention that the examples do not use a dynamic server to process the response and provide a real time response. -- I don't really know what that means - will this not work as I've configured - it seems to me that the placement and the directory should allow this to function...
For example, the following code and xml is placed in the same folder on my machine. When I run the html - it comes up fine in FF1.5, but I don't get the response that is suggested - a table with the activites. I get no response, no errors in the javascript console either...
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml">[/URL]
<head>
<title>Using responseText with innerHTML</title>
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}
function startRequest() {
createXMLHttpRequest();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", "innerHTML.xml", true);
xmlHttp.send(null);
}
function handleStateChange() {
if(xmlHttp.readyState == 4) {
if(xmlHttp.status == 200) {
document.getElementById("results").innerHTML = xmlHttp.responseText;
}
}
}
</script>
</head>
<body>
<form action="#">
<input type="button" value="Search for Today's Activities" onclick="startRequest();"/>
</form>
<div id="results"></div>
</body>
</html>and the xml file (innerHTML.xml)that is accessed by the ajax (html).
<table border="1">
<tbody>
<tr>
<th>Activity Name</th>
<th>Location</th>
<th>Time</th>
</tr>
<tr>
<td>Waterskiing</td>
<td>Dock #1</td>
<td>9:00 AM</td>
</tr>
<tr>
<td>Volleyball</td>
<td>East Court</td>
<td>2:00 PM</td>
</tr>
<tr>
<td>Hiking</td>
<td>Trail 3</td>
<td>3:30 PM</td>
</tr>
</tbody>
</table>
I am probably missing something silly, like needing to have the xml on a server... any thoughts?
Thanks a bunch,
Glg1
![[dragon]](/data/assets/smilies/dragon.gif "[dragon] [dragon]")