我希望在我的应用中拥有最清晰的代码。所以我决定将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" });
}
}
答案 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。