Отображение записей базы данных в реальном времени с использованием Javascript

Question

Я использую базу данных Firebase в реальном времени для отображения информации, которую могут предоставить пользователи моего веб-приложения.Страница отправки используется, когда определенные пользователи отправляют информацию в мою базу данных, где (это где я застрял) эта информация отображается на странице профиля указанных лиц.

Это то, что база данныхвыглядит как

Вот так выглядит форма отправки

Это JS отправки

function writeUserData() {

  var user = firebase.auth().currentUser;
  var userDisplayName = user.displayName;
  var userid = user.uid;
  var getFieldID = document.getElementById('id_field').value;
  var getFieldName = document.getElementById('name_field').value;
  var getFieldDate = document.getElementById('dateField').value;
  var getFieldTime = document.getElementById('timeField').value;
  var getFieldDesc = document.getElementById('desc').value;


  const db = firebase.database();

  

	db.ref('teachers/' + getFieldID).push({
    student_UID: userid,
    student_displayName: userDisplayName,
    teacher_ID: getFieldID,
    teacher_name: getFieldName,
    date: getFieldDate,
    time: getFieldTime,
    description: getFieldDesc
	}); 
  

};

Как мне затем получить эти пользовательские данные и отобразить их на определенной странице?Я просмотрел большинство документации по Firebase для Интернета и ничего не могу найти.

Теперь с БД можно отправлять несколько заявок под одним и тем же идентификатором.и создан с помощью функции .push.Моя проблема заключается в получении данных и возможности отображения всех представлений под конкретным ребенком (например, test1, test 2) на веб-странице.

Спасибо за любую помощь!

Answer 1

Вы хотите сохранить копию ссылки.

const teacherRef = db.ref('teachers/' + getFieldID).push({
    student_UID: userid,
    student_displayName: userDisplayName,
    teacher_ID: getFieldID,
    teacher_name: getFieldName,
    date: getFieldDate,
    time: getFieldTime,
    description: getFieldDesc
}); 

console.log('teacherRef key', teacherRef.key);

teacherRef.once('value', snapshot => {
  const value = snapshot.val();

  console.log('saved value', value);
})