0

我想在我的应用程序中加入最清晰的代码。所以我决定将 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" });
    }
}
4

1 回答 1

5

一个更简洁的方法是让你的函数从 WinJS.xhr().then() 返回返回值。这样做是返回一个承诺，该承诺将通过您的内部完成处理程序的返回值来实现：

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 获得的承诺上使用 then/done，完成的处理程序中的结果将是完成的处理程序返回的项目。（你不会在这个函数中使用 .done ，因为你想要返回一个承诺。）

这是 Promises-A 中then的指定行为，以允许链接。有关这方面的更多信息，请参阅我在 Windows 8 开发人员博客上的帖子，http://blogs.msdn.com/b/windowsappdev/archive/2013/06/11/all-about-promises-for-windows-store-apps -写在-javascript.aspx 中。

于 2013-07-11T16:36:16.753 回答