javascript - 如何通过 objectID 数组从解析服务器获取所有对象？

Question

我的第二个问题与我的第一个问题有关 question .答案只是帮助我更多地了解我的问题。

我的情况:

我在 parseplattform 中有一张表，用于存储我的用户图片。用户应该能够删除所选的。所以我在每张图片下都勾选了一个复选框，它会返回 picID。所以下一步是在我的表中找到所有选定的图片并“销毁”它们。

这是我的代码 snippit，用于查找所选图片:

  var inputs = document.querySelectorAll("input[type='checkbox']");

  for(var i = 0; i < inputs.length; i++) {
    if(inputs[i].checked == true){
      var imgForDelPromise = new Promise(function (resolve) {
        userPics_query.get(inputs[i].id, {
          success: function(picForDelete) {
            alert(picForDelete.id);
            resolve(picForDelete);
           },
           error: function(picForDelete, error) {
             alert("Error: " + error.code + " " + error.message);
           }
         });
      });
    }
  }

我的问题:

如果我从 12 张图片中选择第 1、5 和 8 号图片，我希望我也能取回图片 1、5 和 8 的 ID 但是我总是得到最后一张一个和我选择的项目一样多。在这个例子中是 3 乘以 8。

就像我在第一个问题中建议的那样，我尝试了 promises 但没有帮助。

所以我问谷歌并得到this但它也没有帮助我。

我希望你能理解我的问题，希望你能帮助我。

也许有一种更简单的方法，比如 query.equalTo() ，我可以传递一个包含不同元素的数组并取回一个包含不同对象的数组。但我还没有找到。

谢谢。

更新:

问题依然存在，我试着详细说明一下。例如:

var ids = Array.from(document.querySelectorAll("input[type='checkbox']"))
.filter( //only checked inputs
    function(input) { return input.checked; }
).map( //map to a promise
    function(input) {
        return input.id;
    }
);

console.log(ids);

ids.forEach(function(id) {
    userPics_query.get(id)
    .then(function(picObject) {
        console.log(picObject.id);
    })
    .then(function(error) {
        console.log(error);
    });
});

我尝试根据您的回答构建的内容为我提供了以下日志:

Array [ "x2WSASwKWI", "NuhRXja0PL" ]
NuhRXja0PL
NuhRXja0PL

我的问题:我不知道如何遍历一个数组并为每个元素取回来自服务器的请求，因为每个循环都首先出现，然后是获取请求，我无法以正确的顺序获取它。我想念什么？

通过使用 Promise.all(promises) 我传递了完整的数组，但是 query.get 一次只能处理一个字符串!

更新 2:

函数

query.get("xWMyZ4YEGZ", {
  success: function(gameScore) {
    // The object was retrieved successfully.
  },
  error: function(object, error) {
    // The object was not retrieved successfully.
    // error is a Parse.Error with an error code and message.
  }
});

来自parseplattform.org

Answer 1

我不确定您发布的代码是否是给您带来问题的实际代码。循环中的变量 i 应该递增，因为它没有在异步回调中使用(传递给 new Promise 的函数会立即执行)。

但是；当您将输入用作数组时，确实给您带来问题的代码可以得到解决，过滤掉未检查的那些，然后将它们映射到 promise :

var inputs = Array.from(document.querySelectorAll("input[type='checkbox']"));
Promise.all(
  inputs.filter(//only checked inputs
    function(input){return input.checked; }
  ).map(//map to a promise
    function(input){
      console.log("calling get with id:",input.id);
      //removed the new Promise wrap because the get function
      //  returns a promise
      return (new Parse.Query(SomeThing)).get(input.id);
    }
  )
)
.then(
  function(deleted){ console.log("deleted:",deleted); },
  function(error){console.error("something went wrong:",error); }
);

由于问题显然来自 userPics_query.get 而不是在问题中提供，因此您可以通过处理当时的 id 来严重解决它。您可以通过执行以下操作来做到这一点:

Array.from(document.querySelectorAll("input[type='checkbox']"))
.filter(//only checked inputs
    function(input){return input.checked; }
).reduce(//only start the next if current is finished
  function(p,input){
    console.log("calling get with id:",input.id);
    return p.then(
      all=>
        userPics_query.get(input.id)
        .then(item=>all.concat([item]))
    );
  },
  Promise.resolve([])
)
.then(
  function(deleted){ console.log("deleted:",deleted); },
  function(error){console.error("something went wrong:",error); }
);

最好继续使用 Promise.all 并尝试找出 userPics_query.get 有什么问题，我敢打赌这是在异步中使用的共享全局可变依赖项代码。