Hi,
This is the debug I get from Firefox...
Response Headers
ConnectionKeep-Alive
Content-Length176
Content-Typetext/html
DateThu, 06 Jun 2013 16:24:56 GMT
Keep-Alivetimeout=5, max=92
ServerApache/2.4.3 (Win32) OpenSSL/1.0.1c PHP/5.4.7
X-Powered-ByPHP/5.4.7
Request Headers
Accepttext/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Encodinggzip, deflate
Accept-Languageen-US,en;q=0.5
DNT1
Hostlocalhost
Originnull
User-AgentMozilla/5.0 (Windows NT 6.1; rv:21.0) Gecko/20100101 Firefox/21.0
And here is my modified code in chuffbucket.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
</head>
<body>
<h1>The Chuff Bucket</h1>
<form>
Enter food item: <input type="text" id="userinput" name="userinput" onkeyup="processit(this.value)" />
</form>
<p>xmlhttpstatus: </p><p id="xmlhttpstatus"></p>
<p>xmlhttpreadystate: </p><p id="xmlhttpreadystate"></p>
<br />
<p id="resptext">Response here...</p>
<script>
function processit(str){
if (str.length==0)
{
document.getElementById("resptext").innerHTML="Response here...";
return;
}
var xmlhttp;
// Check if using non-IE browsers
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","http://localhost/godfrey/ChuffBucket/php/foods.php?str="+str,true);
xmlhttp.send(null);
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){document.getElementById("resptext").innerHTML=xmlhttp.responseText;
}
}
}
</script>
</body>
</html>
The php file remains the same...
Once I put in "http://localhost/godfrey/ChuffBucket/php/foods.php?str=" in xmlhttp.open(), the connection to foods.php worked.
Now I just cant figure why the response from foods.php is blank.
Can you help?
