0

我只想从组件的 ember 服务中的 json 请求中获取价值。这是我的代码

预测天气.js（服务）

import Ember from 'ember';  
    export default Ember.Service.extend({
      findWeatherCurrent:function (lat,lng) {
        return Ember.$.getJSON('https://api.darksky.net/forecast/22b106924ed7e3bcde76608f7f064585/'+ lat +','+lng+'?exclude=minutely,hourly,daily,flags&units=si');
      },
      findWeatherDaily:function (lat,lng) {
        return Ember.$.getJSON('https://api.darksky.net/forecast/22b106924ed7e3bcde76608f7f064585/'+ lat +','+lng+'?exclude=minutely,hourly,currently,flags&units=si');
      },
      findWeatherHourly:function (lat,lng) {
        return Ember.$.getJSON('https://api.darksky.net/forecast/22b106924ed7e3bcde76608f7f064585/'+ lat +','+lng+'?exclude=minutely,daily,currently,flags&units=si');
      }
    });

天气显示.js（组件）

import Ember from 'ember';

export default Ember.Component.extend({
  forecastWeather:Ember.inject.service(),
  willRender(){
    let lat = this.get('lat');
    let lng = this.get('lng');
    this.get('forecastWeather').findWeatherCurrent(lat,lng).then(data => {
      this.set('currents', data);
      console.log(data);
    });
  }
});

json响应

{

    "latitude": 37.8267,
    "longitude": -122.4233,
    "timezone": "America/Los_Angeles",
    "offset": -7,
    "currently": {
        "time": 1489488513,
        "summary": "Clear",
        "icon": "clear-night",
        "nearestStormDistance": 47,
        "nearestStormBearing": 87,
        "precipIntensity": 0,
        "precipProbability": 0,
        "temperature": 13.54,
        "apparentTemperature": 13.54,
        "dewPoint": 8.59,
        "humidity": 0.72,
        "windSpeed": 0.87,
        "windBearing": 46,
        "visibility": 12.46,
        "cloudCover": 0.08,
        "pressure": 1016.58,
        "ozone": 279.62
    }

}

天气显示.hbs

<p id="word_on_change" class="font_black font-white word">{{currents.currently.windSpeed}}</p>

我只是想将风速值从 json 传递给 hbs 模板，但它不起作用。任何人都可以解决这个问题:(

4

1 回答 1

3

处理$.getJSON其重要的结果是了解您的jQuery版本。最重要的变化之一jQuery 3是jQuery.Deferred 现在与 Promises/A+兼容。

可能您使用的是jQuerypre 版本3.0，这意味着您必须将其转换为Deferred可以Promise使用Ember.RSVP.resolve().

然而，这不是你的问题！

你的实际问题

首先，我用您的代码构建了一个游戏。下次考虑自己做这个;-)。您会在控制台中看到错误：

XMLHttpRequest 无法加载https://api.darksky.net/forecast/22b106924ed7e3bcde76608f7f064585/46.9483,7.4515?exclude=minutely,hourly,daily,flags&units=si。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，Origin 'null' 不允许访问。

这是因为 darksky 已为其 API 禁用了 CORS。这意味着您不能直接从浏览器内的 JavaScript 访问 API。

您必须请求您自己的 Web 服务器，然后它才能向 darksky API 发出请求。

请查看有关 CORS 的参考资料。

但是请求200 OK在开发工具或 HTTP 调试器中返回

是的。这就是 CORS 的工作原理。应用程序已成功将数据返回到浏览器，但由于缺少 CORS 标头，浏览器不允许您的网站访问响应。这是一项重要的安全功能。

于 2017-03-14T11:55:45.323 回答