Question

我想从Parse.com获取数据并在加载所有数据后触发事件。方法getEinstellerData，getObjektData和getVermieterData包含对parse.com数据库的异步查询。正确地检索查询中的对象。

我写的代码符合：http://www.html5rocks.com/en/tutorials/async/deferred/

我现在的问题是，我在第一个对全局变量的承诺中实际编写的var combinedPromise = $.when(getVermieterData(vermieterId), getEinstellerData(einstellerId));参数似乎未定义。

我有以下功能来获取数据：

getData = function() {

        var promise = getObjektData();

        promise.done(
            function(){

                var combinedPromise = $.when(getVermieterData(vermieterId), getEinstellerData(einstellerId));
                combinedPromise.done(function(){

                    console.log(einstellerData);
                    console.log(vermieterData);

                    $(that).trigger("setWohnungsDetails");
                });
            });

    },

这些是包含查询的3个函数：

getEinstellerData = function(){
    einstellerData = [];

    var queryEinsteller = new Parse.Query(erstellerDataObject);

    queryEinsteller.equalTo("ID", parseInt(einstellerId));

    queryEinsteller.first({
      success: function(einsteller) {

        var vorname = einsteller.get("Vorname");
        var nachname = einsteller.get("Nachname");
        var strasse = einsteller.get("Strasse");
        var hausnummer = einsteller.get("Hausnummer");
        var plz = einsteller.get("PLZ");
        var ort = einsteller.get("Ort");
        var email = einsteller.get("Email");
        var telefon = einsteller.get("Telefon");

        einstellerData.push({ vorname: vorname, nachname: nachname, strasse: strasse, hausnummer: hausnummer, plz: plz, ort: ort, email: email, telefon: telefon });

        console.log(einstellerData);
      },
      error: function(error) {
        alert("Error: " + error.code + " " + error.message);
      }
    });
},

getVermieterData = function(){
    vermieterData = [];

    var queryVermieter = new Parse.Query(vermieterDataObject);

    queryVermieter.equalTo("ID", parseInt(vermieterId));

    queryVermieter.first({
      success: function(vermieter) {

        var vorname = vermieter.get("Vorname");
        var nachname = vermieter.get("Nachname");
        var strasse = vermieter.get("Strasse");
        var hausnummer = vermieter.get("Hausnummer");
        var plz = vermieter.get("PLZ");
        var ort = vermieter.get("Ort");
        var email = vermieter.get("Email");
        var telefon = vermieter.get("Telefon");

        vermieterData.push({ vorname: vorname, nachname: nachname, strasse: strasse, hausnummer: hausnummer, plz: plz, ort: ort, email: email, telefon: telefon });

        console.log(vermieterData);
      },
      error: function(error) {
        alert("Error: " + error.code + " " + error.message);
      }
    });
},

getObjektData = function() {

    objectId = localStorage.getItem("currentWohnung");

    objektData = [];

    var queryObjekt = new Parse.Query(objektDataObject);

    queryObjekt.get(objectId, {
      success: function(wohnung) {

        var vermieter_id = wohnung.get("Vermieter_id");
        var einsteller_id = wohnung.get("Einsteller_id");
        var strasse = wohnung.get("Strasse");
        var hausnummer = wohnung.get("Hausnummer");
        var plz = wohnung.get("PLZ");
        var ort = localStorage.getItem("selectedStadt");
        var bild = wohnung.get("Bild");
        var flaeche = wohnung.get("Flaeche");
        var freitext = wohnung.get("Freitext");
        var gesamtmiete = wohnung.get("Gesamtmiete");
        var kaution = wohnung.get("Kaution");
        var miete = wohnung.get("Miete");
        var nebenkosten = wohnung.get("Nebenkosten");
        var raucher = wohnung.get("Raucher");
        var zimmer = wohnung.get("Zimmer");


        objektData.push({ vermieter_id: vermieter_id, einsteller_id: einsteller_id, strasse: strasse, hausnummer: hausnummer, plz: plz, ort: ort, bild: bild, flaeche: flaeche, freitext: freitext, gesamtmiete: gesamtmiete, kaution: kaution, nebenkosten:nebenkosten, raucher: raucher, zimmer: zimmer });

        console.log(objektData);

        einstellerId = einsteller_id;
        vermieterId = vermieter_id;
      },
      error: function(object, error) {
        console.log("error" + error);
      }
    });

这是我的控制台输出：

DetailStart init DetailStart.js:3
DetailController init DetailController.js:10
init Detail.js Detail.js:17
Uncaught TypeError: Cannot call method 'done' of undefined Detail.js:34
DetailStart.Detail.getData Detail.js:34
DetailStart.Detail.init Detail.js:21
DetailStart.DetailController.init DetailController.js:13
DetailStart.init DetailStart.js:4
(anonymous function) detail.html:115
[Object]
0: Object
length: 1
__proto__: Array[0]

知道我可能在这里弄错了什么！？

提前致谢;）

Answer 1

我不熟悉您正在使用的库，但看起来您混合了可以一起使用的回调和承诺，但您必须要小心。例如，

queryEinsteller.first({ 
   ...
});

将立即返回，导致在combinedPromise或success成员被调用之前解析error。您需要做的是创建一个在调用success或error时解决的承诺。然后，您可以从getEinstellerData返回该承诺。你需要在getVermieterData中做同样的事情。

有关如何执行此操作的示例，您应该在标题为＆＃34的部分中学习示例;将其与$ .Deferred＆＃34放在一起;在您引用的网页中。

Answer 2

对queryObject.get(..)的调用将返回一个承诺，如果你想允许链接，那么你需要从函数中返回该值，即

getObjektData = function() {
    // .. other code ..
    return queryObjekt.get(objectId, {
        success: /* .. your success handler .. */
        error: /* .. your errror handler .. */
    });
};

基本上只需将返回语句添加到您的通话中，在其他功能中执行相同操作。

问题是你想要在开始第二个查询之前完成第一个查询，第三个查询与第二个查询相同（即后面的查询需要先前查询中的数据），或者你是否希望所有三个查询都启动并执行某些操作当他们都完成了吗？

一旦你回答了我的问题，我会用样本更新这个问题。

Promise在Javascript中不起作用，返回undefined

2 个答案: