How do I fetch the value from a key in firebase using javascript

Question

 var dbImages = firebase.database().ref("images");

 dbImages.on("value", function(images){

    if(images.exists()){
        var imageshtml = ""; 
        images.forEach(function(fetchImages){

             console.log("key: " + fetchImages.key);
             console.log("title: " + fetchImages.title);
             console.log("url: " + fetchImages.url);

        });
     }

});

Its only showing key value not other value i want to view key value and also the value of key value please help guys

Can you try using the code in my answer with nested forEach? — Dharmaraj
– Dharmaraj, Commented Apr 2, 2022 at 6:13

Dharmaraj · Accepted Answer · 2022-04-02 06:18:53Z

1

You are using forEach() and DataSnapshot of /orders node where each child node seems to be a category and not the image itself. You'll have to loop over each image of the categories to list them:

firebase.database().ref("images").once("value").then((imagesCategories) => {
  if (imagesCategories.exists()) {
    var imageshtml = "";

    // For each category
    imagesCategories.forEach(function(categoryImages) {
      // For each category image
      categoryImages.forEach(function(image) {
        // Append data to imageshtml from here
        console.log(image.val().url)
        console.log(image.val().title)
      })
    })
  }
});

edited Apr 2, 2022 at 6:18

answered Apr 2, 2022 at 5:54

Dharmaraj

51.3k8 gold badges67 silver badges100 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Amit Yadav Over a year ago

Uncaught TypeError: firebase.database(...).ref(...).get is not a function

Dharmaraj Over a year ago

@AmitYadav sorry its .ref("images").once("value") and not get()

Amit Yadav Over a year ago

Uncaught SyntaxError: await is only valid in async functions and the top level bodies of modules

Dharmaraj Over a year ago

@AmitYadav right so can you use an async function or use promise chaining as in my updated answer... ? Also checkout async functions on MDN

Collectives™ on Stack Overflow

How do I fetch the value from a key in firebase using javascript

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related