Моя цель - показать содержимое в элементе div, а затем отобразить именно то, что написано в базе данных Firebase, в соответствии с двумя сценариями: принято или отклонено.Таким образом, он не работает по какой-то причине, даже когда пользователь вошел в систему.
Как это можно исправить?
Ниже приведена ситуация.
Для ошибки консоли:
Uncaught TypeError: Cannot read property 'results' of null
index.esm.js:695 Uncaught TypeError: Невозможно прочитать нулевые имена свойств (анонимная функция) @ (index): 330 (анонимная функция) @ index.esm.js: 4458mt @ index.esm.js: 684t.raise @ index.esm.js: 9720t.raiseQueuedEventsMatchingPredicate_ @ index.esm.js: 9674t.raiseEventsForChangedPath @ index.esm.js: 9658 (анонимная функция) @ index.esm.js: 12676 (анонимная функция) @ index.esm.js: 1179Mage_j.esm.js: 12046t.onDataMessage_ @ index.esm.js: 11331t.onPrimaryMessageReceived_ @ index.esm.js: 11325 (анонимная функция) @ index.esm.js: 11226t.appendFrame_ @ index.esm.js: 10831tramele@ index.esm.js: 10881mySock.onmessage @ index.esm.js: 10778
Для принятых:
<div id="one" class="hide"> <div id="stageone"></div> </div>
Для отклоненных:
<div id="two" class="hide"> <div id="stagetwo"></div> <div id="status"></div> </div>
Для database.rules.json
{"rules": {".read": true, ".write": true }}
Для Javascript:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script type="text/javascript"> var okay = firebase.database().ref("users/" + uid + "/accepted"); okay.on("value", function(snapshot) { var data = snapshot.val(); $("#stageone").val(data.results); $("#one").removeClass('hide'); }); var nokay = firebase.database().ref("users/" + uid + "/rejected"); nokay.on("value", function(snapshot) { var data = snapshot.val(); $("#stagetwo").val(data.names); $("#status").val(data.results); $("#two").removeClass('hide'); }); </script>
Для структуры базы данных: