Earlier, I posted about this issue before isolating the problem. Now that I have isolated it, I wanted to repost with a clearer focus on the two functions causing the problem. Whenever I update my State, it triggers the getCity function. The call is being made.
<script type="text/javascript">
function getXMLHTTP() {
var ret = false;
try {
x = new XMLHttpRequest();
}catch(e) {
try {
x = new ActiveXObject("Microsoft.XMLHTTP");
}catch(ex) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e1) {
x = false;
}
}
}
return x;
}
function getCity(stateId)
{
var strURL="findCity.php?state="+stateId;
var req = getXMLHTTP();
if (req)
{
req.onreadystatechange = function()
{
if (req.readyState == 4) // only if "OK"
{
if (req.status == 200)
{
document.getElementById('citydiv').innerHTML=req.responseText;
} else {
alert("There was a problem while using XMLHTTP:\n" + req.statusText);//This Is the statement I am getting
}
}
}
req.open("GET", strURL, true);
req.send(null);
}
}
Both functions are being called, but the object returned to getCity by getXMLHTTP has a statusText variable of not found. This means none of the other conditions apply to it.
I've searched extensively for a solution, both here and elsewhere, but I keep hitting dead ends. Even w3c's documentation on the object is limited. What could be causing this issue?