I have data in my database (MongoDB) and I am finding data from DB and saving it to array. And when button is clicked on page I want to send that data to my JavaScript file and using DOM show it on page.

I am finding data form DB when page loads:

app.get('/', function(req, res) {
    var ipsumTextArray = [];
    Ipsum.find({}, function(err, allIpsumTexts) {
        if (err) {
            console.log(err);
        } else {
            allIpsumTexts.forEach(function(ipsum) {
                ipsumTextArray.push(ipsum.text);
            });
        }
        res.render('home');
    });
});

And in my other JavaScript file I want this function to get data from DB and do whatever I want.

function randomIpsum(text) {
    text.value = 'text from database'; // text is textarea where I want to show text
}

I have data in my database (MongoDB) and I am finding data from DB and saving it to array. And when button is clicked on page I want to send that data to my JavaScript file and using DOM show it on page.

I am finding data form DB when page loads:

app.get('/', function(req, res) {
    var ipsumTextArray = [];
    Ipsum.find({}, function(err, allIpsumTexts) {
        if (err) {
            console.log(err);
        } else {
            allIpsumTexts.forEach(function(ipsum) {
                ipsumTextArray.push(ipsum.text);
            });
        }
        res.render('home');
    });
});

And in my other JavaScript file I want this function to get data from DB and do whatever I want.

function randomIpsum(text) {
    text.value = 'text from database'; // text is textarea where I want to show text
}

• javascript
• node.js
• mongodb
• dom

Share Improve this question Follow edited Mar 27, 2020 at 16:15 jonrsharpe 122k3030 gold badges268268 silver badges476476 bronze badges asked Mar 27, 2020 at 16:14 TheRockTheRock 9711 gold badge33 silver badges1313 bronze badges 1

• You don't seem to be using the data when you render the home page. Is this a server-rendered or single-page application, even? Are you expecting the client to make requests (where are those requests) or the server to build the whole page (why not use the data)? – jonrsharpe Commented Mar 27, 2020 at 16:17

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 2

You need to render with a parameter.

app.get('/', function(req, res) {
    var ipsumTextArray = [];
    Ipsum.find({}, function(err, allIpsumTexts) {
        if (err) {
            console.log(err);
        } else {
            allIpsumTexts.forEach(function(ipsum) {
                ipsumTextArray.push(ipsum.text);
            });
        }
        res.render('home', { arr: ipsumTextArray });
    });
});

In the front-end (view):

var arr= {{ arr }}

function randomIpsum(text) {
    //text.value = 'text from database'; // text is textarea where I want to show text
    text.value = arr[0]
}

OR

You can send a plain text from your nodejs.

app.get('/', function(req, res) {
    var ipsumTextArray = [];
    Ipsum.find({}, function(err, allIpsumTexts) {
        if (err) {
            console.log(err);
        } else {
            allIpsumTexts.forEach(function(ipsum) {
                ipsumTextArray.push(ipsum.text);
            });
        }
        res.send(ipsumTextArray);
    });
});

You can get the data using jQuery in the front-end.

<button id="btn">Get Data</button>

$("#btn").on("click", function(){
    $.get("/", function(data){
        randomIpsum(text, data)
    })
})

function randomIpsum(text, data) {
    //text.value = 'text from database'; // text is textarea where I want to show text
    text.value = data
}