无法使用承诺获得“然后”的财产

时间:2013-07-11 09:25:28

标签: javascript xmlhttprequest winjs promise

我希望在我的应用中拥有最清晰的代码。所以我决定将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'   未定义或空引用

我想要的是: 在视图中启动promise.js做一些事情并在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;
}

它解决了我关于'then'的问题,但在“返回项目”之前调用了“返回承诺”。所以我的“来电者”只会得到承诺,而不是他的结果。

我错过了什么?

编辑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" });
    }
}

1 个答案:

答案 0 :(得分:5)

更简洁的方法是让函数从WinJS.xhr()返回返回值。然后()。这样做会返回一个承诺,它将使用内部已完成的处理程序的返回值来实现:

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

然后调用者可以对从getFooAsync获取的promise做出then / done,并且已完成的处理程序中的结果将是已完成的处理程序返回的 items 。 (你不会在这个函数中使用.done,因为你想要返回一个promise。)

这是Promises-A中然后的指定行为,以允许链接。有关详细信息,请参阅Windows 8开发人员博客上的帖子http://blogs.msdn.com/b/windowsappdev/archive/2013/06/11/all-about-promises-for-windows-store-apps-written-in-javascript.aspx