如何在jsonp中使用ic-ajax？

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": []
    }

它看起来像一个中间对象，而不是promise解析的对象。我有一种感觉，这可能与ember run循环有关，比如mentioned here

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

Answer 1

不能从计算属性返回promise。

计算属性不解析promise，这意味着'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