Response code 0 getting JSON from website
I have a problem with the below code and whenever I try to request JSON data from a site, I always return a response code of 0. Does anyone know why? If I went to the site, I would get the data simply by entering the correct registration information.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="Base64.js" type="text/javascript"></script>
<script type="text/javascript">
function alertContents(HTTPobj) {
if (HTTPobj.readyState == 4) {
// everything is good, the response is received
if ((HTTPobj.status == 200) || (HTTPobj.status == 0)) {
// FIXME: perhaps a better example is to *replace* some text in the page.
var htmlDoc = document.createElement('div'); // Create a new, empty DIV node.
htmlDoc.innerHTML = HTTPobj.responseText; // Place the returned HTML page inside the new node.
alert("The response was: " + HTTPobj.status + HTTPobj.responseText);
//var jsonData = eval('(' + HTTP.responseText + ')');
//parseJson(HTTP.responseText);
}
else {
alert('There was a problem with the request. ' + HTTPobj.status + HTTPobj.responseText);
}
}
}
}
function makeBaseAuth(user,password) {
var tok = user + ':' + password;
var hash = Base64.encode(tok);
alert(hash);
return "Basic " + hash;
}
function getInput() {
var getUser = document.input.user.value;
var getPass = document.input.pass.value;
var logData = makeBaseAuth(getUser, getPass);
var url = 'http://www.tt-galaxi.com/thubrest/login';
// var url = 'http://www.tt-galaxi.com/thubrest/users/%@/trips',username;
// var url = 'http://www.tt-galaxi.com/thubrest/parkingbays';
var HTTPobj = new XMLHttpRequest();
HTTPobj.onreadystatechange = function () { alertContents(HTTPobj); };
var test = HTTPobj.open('GET', url);
HTTPobj.setRequestHeader('Authorization', logData);
HTTPobj.send();
}
</script>
</head>
<body>
<form name="input" action="">
Username: <input type="text" name="user" />
<br />
Password:<input type="text" name="pass" />
<br />
<input id="Button1" type="button" value="Submit" onclick="getInput()"/>
</form>
</body>
</html>
source to share
It looks like you are trying to request data from a host of a different origin than yours. To clarify this, if you have a site called www.example.com running on host A and you try to make a request to wwww.somethingelse.com running on host B, you cannot get data from host B because most modern browsers enforce the same origin policy that disallows cross-site AJAX requests. If the browser detects this "illegal request", it will block incoming data from this other host.
However, if you own this other host, you can explicitly pass the header to the browser, which basically tells the browser to allow cross-site data from that other host. More on this here .
source to share
The code status
will be 0
for illegal cross origin requests , see XMLHttpRequest status 0 (responseText is empty) and XMLHTTPRequest.status returns 0 and responseText is empty in FireFox 3.5 .
Also, in FF, the status code will be 0
for local file://
requests .
source to share