使用JSON从API获取数据

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.

Your API calls are failing due to Same Origin Policy, it's a security measure to stop malicious scripts from doing nasty stuff such as hijacking your sessions on other websites (see: XSS and CSRF).

You can still get the data from the requested source, however you'll have to do it server-side, and allow the user to request it from your host.


Side note: You're requesting XML from the API call you're making, JSON is a format that uses curly braces like javascript objects do like so: {"key":"value"} (hence the name JavaScript Object Notation)