Ggtcf

I would like my website to have a search bar in the top section that returns a single document (ink) from a mongo database. On the same page, I would like to be able to access all documents from the same database.

I'm having trouble trying to figure out how to do this on one page, since I can only send one result to URL.

Is there some way to send all documents to the page, then do a search with AJAX on the client side? I'm new to coding, and wondering if I'm going about this wrong.

I appreciate any help. Here is part of my code that sends the results I want, but to different pages.

app.get("/", function(req, res)

// FIND ONE INK FROM DB
 var noMatch = null;
 if(req.query.search) 
 Ink.find(ink: req.query.search, function(err, foundInk)
 if(err)
 console.log(err);
 else 
 if(foundInk.length < 1) 
 noMatch = "No match, please try again.";
 
 res.render('new-index', ink: foundInk, locationArray: locationArray, noMatch: noMatch )
 
 );
 else 

 // FIND ALL INKS FROM DB
 Ink.find(, function(err, allInks)
 if(err)
 console.log(err);
 else 
 res.render("index", ink: allInks, locationArray: locationArray, noMatch: noMatch );
 
 );
 
);

You can use separated endpoints for each request. For the full access request, you can render the page, calling res.render, and for the search request, you can return a json calling res.json. Something like this:

app.get("/", function(req, res)
 // FIND ALL INKS FROM DB
 Ink.find(, function(err, allInks)
 if(err)
 console.log(err);
 else 
 res.render("index", ink: allInks, locationArray: locationArray, noMatch: noMatch )
 
 );
)

app.get("/search", function(req, res) 
 // FIND ONE INK FROM DB
 var noMatch = null;
 Ink.findOne(ink: req.query.search, function(err, foundInk)
 if(err)
 console.log(err);
 else 
 if(!foundInk) 
 noMatch = "No match, please try again.";
 

 res.json(ink: foundInk, locationArray: locationArray, noMatch: noMatch )
 
 );
});

Note the call to Ink.findOne in the /search handler, which will return only one document.

This way you can make and AJAX request to /search, and parse the json returned from the server.

I've created a sample repository with the exact same issue here

Ideally you make an endpoint like this.

( id parameter is optional here...thats why the '?' ) 
www.example.com/api/inks/:id?


// return all the inks
www.example.com/api/inks

// return a specific ink with id=2
www.example.com/api/inks/2

So now you can render all the links via /inks and search a particular ink by using the endpoint /ink/:id?

Hope this helps !