Question

我使用以下异步函数将数据写入我的firebase实例：

function writeUserData(uid, fn, ln, userEmail) {
  firebase.database().ref('users/' + uid).set({
    firstName: fn,
    lastName: ln, 
    email: userEmail
  });
};

writeUserData完成后，我想将用户重定向到另一个页面：

window.location.href = "./mypage.html";

据我所知，这可以用promises来完成，但我可以用一个很好的例子来解决这个问题。

Answer 1

根据firebase文档： https://firebase.google.com/docs/database/web/read-and-write#receive_a_promise，set方法返回一个承诺。在这种情况下，最简单的例子是：

function writeUserData(uid, fn, ln, userEmail) {
  firebase.database().ref('users/' + uid).set({
    firstName: fn,
    lastName: ln, 
    email: userEmail
  }).then(function onSuccess(res) {
    window.location.href = "./mypage.html";
  }).catch(function onError(err) {
    // do sth, e.g. console.error(err);
  });
};

您的代码与我的示例之间的区别在于我添加的部分：

.then(function onSuccess(res) {
  window.location.href = "./mypage.html";
}).catch(function onError(err) {
  // do sth
});

简而言之，＆＃34;如果请求成功，请onSuccess。如果不是 - 请onError。

您可以获取有关Promises如何在此工作的更多信息：Promise mdn docs

为了提高可读性，您可以这样写：

function writeUserData(uid, fn, ln, userEmail) {
  firebase.database().ref('users/' + uid).set({
    firstName: fn,
    lastName: ln, 
    email: userEmail
  })
  .then(onSuccess)
  .catch(onError);
};

function onSuccess(res) {
  window.location.href = "./mypage.html";
}

function onError(err) {
  // do sth
}

如何在调用next函数之前等待firebase.database（）。ref（＆＃39; users /＆＃39; + userId）.set（）完成？

1 个答案: