访问特定 API

Question

所以我正在尝试访问 OpenFEMA API 以获取资金数据，但我对 API 很陌生，我正在尝试使用 Javascript 访问 API。我遇到了同源问题并开始使用 CORS。

所以我的代码目前看起来像这样：

function createCORSRequest(method, url) {
    var xhr = new XMLHttpRequest();

    if ("withCredentials" in xhr) {
        // Check if the XMLHttpRequest object has a "withCredentials" property.
        // "withCredentials" only exists on XMLHTTPRequest2 objects.
            xhr.open(method, url, true);
        console.log('1');
    } else if (typeof XDomainRequest != "undefined") {
        // Otherwise, check if XDomainRequest.
        // XDomainRequest only exists in IE, and is IE's way of making CORS requests.
        xhr = new XDomainRequest();
        xhr.open(method, url);
        console.log('2');
    } else {
        // Otherwise, CORS is not supported by the browser.
        xhr = null;
        console.log('3');
    }
    return xhr;
}

var xhr = createCORSRequest('GET', "http://www.fema.gov/api/open/v1/PublicAssistanceFundedProjectsDetails");

alert(xhr.responseText);

但警告框出现时是空的。我真的不确定我做错了什么。希望得到一些帮助。

Answer 1

您使用的函数只创建请求；它不发送它或等待结果。您仍然需要设置一个onReadyStateChange 处理程序，然后调用xhr.send() 来查看结果。

更重要的是，您访问的 API 不允许跨域请求。无法通过 Javascript 从站外访问。