I am trying to display information from an external API here using JSON. I have a file called default.asp. Inside I have my html and a script with this function:
$.ajax({
url: 'http://zipitprod.com.leaf.arvixe.com/api/event?$orderby=StartDateUTC,+Distance&$top=50&day=7&dist=100&lat=40.1273&long=-82.9182',
type: 'GET',
dataType: 'JSON',
success: function (response) {
alert("Success: "+response.responseText);
},
error: function (jqXHR, exception) {
var msg = '';
if (jqXHR.status === 0) {
msg = 'Did not connect.
Verify Network.';
} else if (jqXHR.status == 404) {
msg = 'Requested page not found. [404]';
} else if (jqXHR.status == 500) {
msg = 'Internal Server Error [500].';
} else if (exception === 'parsererror') {
msg = 'Requested JSON parse failed.';
} else if (exception === 'timeout') {
msg = 'Time out error.';
} else if (exception === 'abort') {
msg = 'Ajax request aborted.';
} else {
msg = 'Uncaught Error.
' + jqXHR.responseText;
}
alert("Error: "+msg);
},
});
For some reason, I get status code 0. Should I not use JSON/AJAX or is there something wrong with my function? I have googled for the status code 0 and I get that it can fail with typos or unreachable DNS. It should be public and I am using the Postman app to help test and it works there.