是否可以将数据从节点 js 传递到前端 js 而不是 html？

Question

I'm trying to pass data (array) from node.js backend to frontend JS to process it there. I don't want to pass data directly to backend-served html file because I'd like to keep it clean and don't want to do any loops there etc.

My backend part looks like this:

app.get("/search-db", function (req, res) {
    const term = req.query.term;
    findInDb(term);
    res.redirect('/search', {
        searchResults: searchResults,
    });
})

async function findInDb(query) {
    const collection = await getDbCollection();
    await collection.find().forEach((item) => {
        console.log(item.artist);
        if (item.artist.includes(query) || item.name.includes(query)) {
            searchResults.push(item);
        }
    })
}

Is this possible or do I have to clutter my html and use loop there to process passed results?

Answer 1

Your web page can use AJAX via fetch to make the /search-db API request to your server. Your server route handler should fetch the results from the DB, then invoke res.send() to send a JSON response back to the client, rather than res.redirect() to redirect the client to a new page.

Example: How to create a REST API with Express.js in Node.js

Also, unrelated, your findInDb function should return the search results instead of placing them in a global variable ( searchResults ).