API javascript不会返回结果

debugcn 发表于 Dev

埃里克·米勒

基于从@rkosegi获得的帮助，我尝试通过js.fiddle运行页面和javascript进行测试，但无法在测试页面上显示任何结果。我在MS Edge中运行页面检查时没有错误。

我检查并再次检查，但找不到导致数据无法显示的错误。我想念我什么？

$.getJSON("https://<username>:<password>@api.meteomatics.com/todayT05:00Z--today+2DT05:00Z:PT24H/wind_speed_10m:kmh/40.014994,-73.811646/json",

  function(data) {
    console.log(data);

    var mtwnsd24 = data.data[0].coordinates[0].dates[1].value;

    $(".mtwnsd24").append(mtwnsd24);
  });

<head>
  <meta http-equiv="X-UA-Compatible" content="IE=Edge" />

  <meta charset="utf-8" />
  <title>API TEST</title>
  <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256- 
      WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>

  <script src="meteomatics.js"></script>


</head>

<body>

  <p class="mtwnsd24"></p>

</body>

灰

API可以正常工作，但是您不能像尝试那样通过URL传递身份验证，而是通过headers设置auth。使用fetch示例如下所示：

var headers = new Headers();

headers.append('Authorization', 'Basic ' + btoa(username + ':' + password));
fetch("https://api.meteomatics.com/todayT05:00Z--today+2DT05:00Z:PT24H/wind_speed_10m:kmh/40.014994,-73.811646/json", {headers: headers})

正如其他人提到的那样，存在CORS问题，因此您需要从服务器/代理请求API。我通过Postman进行了尝试，并在注册后成功从API得到响应。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。