jquery - 如何在 xml 中检索跨源火山数据？

Question

我正在为我的学位开发一个项目，要求之一是在谷歌地图上显示火山事件。但是我遇到了此资源的 CORS 问题 https://volcano.si.edu/database/webservices.cfm - 我找不到其他任何地方可以提供此数据，所有其他留言板都指向同一资源，但我对此感到困惑。

我正在使用他们的 100 座全新世火山样本，并直接从他们的示例开始，我正在使用这个:

$(document).ready(function(){
  $.ajax({
  type: 'GET',
  url: "https://webservices.volcano.si.edu/geoserver/GVP-VOTW/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=GVP-VOTW:Smithsonian_VOTW_Holocene_Volcanoes&maxFeatures=100",
  dataType: 'xml',
  success: function (data) {
    console.log(data);
    },
    error: function (jqXHR, textStatus, errorThrown) {
      console.log(jqXHR);
      console.log(textStatus);
      console.log(errorThrown);
    }
  });
});

收到此结果:

Access to XMLHttpRequest at 'https://webservices.volcano.si.edu/geoserver/GVP-VOTW/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=GVP-VOTW:Smithsonian_VOTW_Holocene_Volcanoes&maxFeatures=100' from origin 'http://127.0.0.1:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Answer 1

除非您可以通过 https://webservices.volcano.si.edu 控制网站配置如果没有 CORS 策略 ( https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS )，就不可能发起 ajax 请求。

通过驻留在同一 Javascript 域上的服务器端脚本代理请求，可以获得轻松的解决方案。您可以向您的代理执行 AJAX 请求；你必须编写 ASP/PHP/等代码。用于执行对 https://webservices.volcano.si.edu 的请求的脚本