Postingan lainnya

[Firebase] data belum muncul di console ataupun di UI nya

Saya udah bisa install npm dan deploy ke firebase

Tapi saat saya ambil datanya dari firebase, tidak muncul di console log web ataupun tampilan. padahal sudah diset.

Berikut codingan public saya:

 <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Firebase</title>
  </head>
  <body>
    <h1>Tutorial Firebase</h1>
    <ul>

    </ul>

    <script src="https://www.gstatic.com/firebasejs/4.4.0/firebase.js"></script>
    <script>
      // Initialize Firebase
      var config = {
        apiKey: "AIzaSyB4KKpRmHNCwCU5_9FPhUrqRoJOJHTYgDQ",
        authDomain: "keccikun-f83f8.firebaseapp.com",
        databaseURL: "https://keccikun-f83f8.firebaseio.com",
        projectId: "keccikun-f83f8",
        storageBucket: "keccikun-f83f8.appspot.com",
        messagingSenderId: "327518591034"
      };
      firebase.initializeApp(config);

      //reference ke database
      var db = firebase.database();

      var playersRef = db.ref('players');

      playersRef.orderByChild('name').on('value', showData, showError);

      // filter dan order
      // orderByKey() orderByValue() orderByChild()

      function showData(items) {
        var _ul = document.getElementsByTagName('ul')[0];
        var _content = '';

        items.forEach(function(child){
            _content += "<li>" + child.val().name + " - " + child.val().position + "</li>";
            // console.log(child.val())
        })
        // console.log(items.val())
        _ul.innerHtml = _content;

      }

      function showError(err) {
        console.log(err)
      }

    </script>
  </body>
</html>

Jika berkenan para suhu menjelaskan :)

Terimakasih !

database hosting

@keccikun

368 Kontribusi 197 Poin

Diperbarui 7 tahun yang lalu

3 Jawaban:

"Tapi saat saya ambil datanya dari firebase ... "

Coba diperjelas gan, kode agan kan udah bukan ngambil database biasa, tapi ada ngesort, ngeloop nampilin di UI dst. nah ada banyak kemungkinan salahnya dimana, seperti pastiin struktur databasenya bener.

Dicari pelan pelan misalnya apakah tanpa orderByChild bisa apa ngga, apakah tanpa console.log(items) udah ada hasilnya dst.

selamat mencoba

@hilmanski

2686 Kontribusi 2135 Poin

Dipost 7 tahun yang lalu

Jawaban Terpilih

[Resolved] Terimakasih mas @hilmanrdn, ternyata console nya sudah keluar, seperti ini:

 Object { name: "messi", position: "striker" }  localhost:5000:40:13
Object { name: "pique", position: "center back" }  localhost:5000:40:13

Dan Kenapa UI saya tidak muncul, karena ini:


//kesalahan saya
_ul.innerHtml = _content;

//yg benar menjadi
_ul.innerHTML = _content;

Akhirnya bisa melanjutkan firebase lagi :) Terimakasih

@keccikun

368 Kontribusi 197 Poin

Dipost 7 tahun yang lalu

mantaps, ditandain ya jawabannya jadi "jawaban yg benar" thanks

@hilmanski

2686 Kontribusi 2135 Poin

Dipost 7 tahun yang lalu