javascript - Firebase:获取用户数据对象并带回用户个人资料而不刷新页面？

Question

我已经花了两天时间来实现这一目标，但如果我想要来自数据库的用户配置文件，我需要刷新页面。有什么方法可以无需页面刷新吗？我需要使用某种 jquery ajax 来实现它吗？可能吗？

这是我的 2 种方法，它们正在工作，但需要刷新页面才能返回我的用户个人资料。

 function authDataCallback(authData) {
  if (authData) {
    var fb = new Firebase('https://blistering-torch-8000.firebaseio.com/users/public/');
    fb.child(authData.uid).on('value', function(data) {
      var myData = data.val();
      var dateString = myData.date.split(' ').slice(0, 4).join(' ');
      $('.profile').append('<li>Username: ' + myData.username + '</li>');
      $('.profile').append('<li>Joined: ' + dateString + '</li>');
    });
    var fb = new Firebase('https://blistering-torch-8000.firebaseio.com/users/private/');
    fb.child(authData.uid).on('value', function(data) {
      var myData = data.val();
      $('.profile').append('<li>Email: ' + myData.email + '</li>');
    });
  } else {
    console.log('Profile: No data, no one is logged in');
  }
}
fb.onAuth(authDataCallback);

或

var fb = new Firebase('https://blistering-torch-8000.firebaseio.com/');
var getAuth = fb.getAuth(); 
function getProfile(authData) {
  if (authData) {
    var fb = new Firebase('https://blistering-torch-8000.firebaseio.com/users/public/');
    fb.child(authData.uid).on('value', function(data) {
      var myData = data.val();
      var dateString = myData.date.split(' ').slice(0, 4).join(' ');
      $('.profile').append('<li>Username: ' + myData.username + '</li>');
      $('.profile').append('<li>Joined: ' + dateString + '</li>');
    });
    var fb = new Firebase('https://blistering-torch-8000.firebaseio.com/users/private/');
    fb.child(authData.uid).on('value', function(data) {
      var myData = data.val();
      $('.profile').append('<li>Email: ' + myData.email + '</li>');
    });
  } else {
    console.log('Profile: No data, no one is logged in');
  }
}
getProfile(getAuth);

数据库规则:

{
  "rules": 
  {
    "users": 
    {
      "public": 
      { 
        // allow me to list users by name
        ".read": true ,
        ".write": true
      }, 
      "private": 
      {
        "$uid": 
        {
          // only readable by owner
          ".read": "auth.uid === $uid",
          ".write": true
        }
      }
    }   
  }
}

Answer 1

未经过身份验证时，onAuth 和 getAuth 都会返回 null。修复您的登录/函数调用顺序。