如何使用在 Javascript 中对 API 进行 HTTP 调用

How can I use make HTTP calls to an API in Javascript?

本文关键字：进行 HTTP 调用 API 中对 何使用 Javascript      更新时间：2023-09-26

如何在 Javascript 应用程序中使用公共 API？例如，我想使用 JQuery AJAX 调用 Zillow API。在 JQuery AJAX 中发出请求时（如下所示），我收到以下错误：XMLHttpRequest 无法加载"MY HTTP REQUEST URL"。源"我的网络域"

不允许由访问控制-允许-源。 
var requesturl = "http://www.zillow.com/webservice/GetRegionChildren.htm?zws-id="+zwsid+"&state="+state+"&city="+city+"&childtype=neighborhood";

法典：

var jqxhr = $.ajax({  
url: requesturl
})
.done(function(data) { 
    console.log(data);
});

我也尝试添加跨域，数据类型和标头参数（如下所示），但它们没有帮助。

var jqxhr = $.ajax({  
url: requesturl,
crossDomain: true,
dataType: 'xml',
headers: { 'Access-Control-Allow-Origin': '*' },
beforeSend: setHeader
})
.done(function(data) { 
    console.log(data);
});

最流行的公共 API 支持 JSONP 请求。有关详细信息，请参阅 API 文档。

跨 ajax 域请求受到限制。因此，您将需要发出JSONP请求。不要担心JQuery会处理大部分问题。

听起来您需要

向 Zillow 注册您的 URL，也许可以联系他们/在他们的文档页面上四处寻找。此外，jquery还有一个get方法，它使ajax请求更加简单。如果这是返回格式，还有getJSON。

相关文章：