Question

在控制器中：

/*globals Ember*/

import { raw as icAjaxRaw } from 'ic-ajax';
...
    myData: function() {
        var promise = new Ember.RSVP.Promise(function (resolve, reject) {
            var req = icAjaxRaw({
                type: 'GET',
                url: server+'/api/mydata?callback=?',
                dataType: 'jsonp', //problematic
            });
            req.then(
                function(result) {
                    console.log('myData', result.response);
                    resolve(result.response);   
                },
                function(response) {            
                    console.error('myData', response.jqXHR.responseText, response);
                    reject(response);
                }
            );
        });
        return promise;
    }.property(),

...并在使用该控制器的模板中：

{{myData}}

显示：

    {
    "_id": 101,
    "_subscribers": []
    }

它看起来像一个中间对象，而不是诺言所解决的对象。我觉得这可能与ember run循环有关，如mentioned here

如何让模板显示控制台日志中显示的内容？

Answer 1

您无法从计算属性返回承诺。

计算属性不解析promises，这意味着'myData'是一个promise，而不是promise所解析的值。您应该将其移动到Route的模型钩子中。如果这不是一个选项，你可以这样做：

myData: {},

getMyData: function() {
  var self = this;
  var req = ic.ajax.raw({
    type: 'GET',
    url: 'http://ip.jsontest.com/?callback=?',
    dataType: 'jsonp'
  });
  req.then(
    function(result) {
      console.log('myData', result.response);
      self.set('myData', result.response);
    },
    function(response) {
      console.error('myData', response.jqXHR.responseText, response);
    }
  );
}.on('init')

选中此JSBin

如何在jsonp中使用ic-ajax？

1 个答案: