无法获取属性'那么'使用承诺

我希望在我的应用程序中有最清晰的代码。因此，我决定将xhr调用和解析从view.js中分离出来。为此，我添加了：

在View.js 中

this._pagePromises.push(myapp.Services.Foo.getFoo()
.then(
    function success(results) {
      var x = results;
    },
    function error() {
      // TODO - handle the error.
    }
));

和在Services.js

Foo:
{   
    getFoo: function () {
        WinJS.xhr({ url: "http://sampleurl.com" }).done(
            function completed(request) {
                //parse request
                var obj = myapp.Parser.parse(request);
                return obj;
            },
            function error(request) {
                // handle error conditions.
            }
        );  
    }
}

但我有一个例外：

0x800a138f-JavaScript运行时错误：无法获取属性"then"未定义或空引用

我想要的是：在view.js中启动promise做一些事情，并在getFoo（）完成后更新视图。我这样做的方式不对，但作为一名C#开发人员，我很难理解这种模式。

编辑：这是我更新的代码：

getFoo: function () {
var promise = WinJS.xhr({ url: myapp.WebServices.getfooUrl() });
    promise.done(
        function completed(request) {
            var xmlElements = request.responseXML;
            var parser = new myapp.Parser.foo();
            var items = parser.parse(xmlElements);
            return items;
        },
        function error(request) {
            // handle error conditions.
        }
    );
    return promise;
}

它解决了我关于"然后"的问题，但"退货承诺"是在"退货项目"之前调用的。所以我的"来电者"只得到了承诺，而没有得到结果。

我错过了什么？

编辑2：有正确的方法可以做到这一点：

Foo:
{
    getFooAsync: function () {
        return WinJS.Promise.wrap(this.getXmlFooAsync().then(
            function completed(request) {
                var xmlElements = request.responseXML;
                var parser = new myapp.Parser.Foo();
                var items = parser.parse(xmlElements);
                return items;
            }
        ));  
    },
    getXmlFooAsync: function () {
      return WinJS.xhr({ url: "http://sampleurl.com" });
    }
}