Can we send data from mongoDB to HTML?

Question

I am working on a Mini Project where I have stored data coming from a form in my DataBase(MongoDB). Now I want to fetch data from MongoDB and want to add it to HTML(as a list) to display on the webpage. I wanted to do this without using ejs or any other tool. Is this possible? If yes,then how? (I have used Expressjs to create the server)

You can use the ***res.send(`\`${message}\``)*** assuming message to be the data you want to send — Ogoh.cyril, Sep 17 '21 at 22:41

score 0 · Answer 1 · answered Sep 17 '21 at 20:35

0

You would have to javascript in order to manipulate DOM elements on the page. (see. https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents)

answered Sep 17 '21 at 20:35

AlignSD

21
1
7

document is not accessible in the js file where I have written server side code. – akshat rana Sep 17 '21 at 20:37
Right, you would have to pull in your data thru a front-end request (something like AJAX would work) then manipulate that data on the front-end. – AlignSD Sep 17 '21 at 20:48

score 0 · Answer 2 · answered Sep 18 '21 at 15:17

You can fetch the data in your html then add it to your page by manipulating the dom. This is might help you:

<script type='text/javascript'>
  $(function(){
    $.ajax({
      url: 'http://localhost:28017/local/students',
      type: 'get',
      dataType: 'jsonp',
      jsonp: 'jsonp',
      success: function (data) {
        console.log('success', data);
      }
    }).done(function(){
        let output = '<div>'
        $.each(data, function(key, data){
            output += '<p>' +  data.score + '</p>';
        });
        output += '</div>'
        $('#list').html(output);
    });
  });
  </script>

Also this response might be helpful: REST AJAX request to mongoDB

score 0 · Answer 3 · answered Sep 18 '21 at 18:22

Since you have mentioned you are using Expressjs, I believe you are also using an ODM like mongoose. Hence, you should create an api in your backend that fetches the data from MongoDB (see your ODM's documentation for it) and send request to that api from your front end, whose response should trigger DOM manipulation.

Here are some resources that might help you:

Can we send data from mongoDB to HTML?

3 Answers3