Send variable from mongoose query to page without reload on click

Question

I have a link on my site. When clicked it'll call a function that does a mongoose query. I'd like the results of that query to be sent to the same page in a variable without reloading the page. How do I do that? Right now it is just rendering the page again with new query result data.

// List comments for specified chapter id.
commentController.list = function (req, res) {
  var chapterId = req.params.chapterId;
  var query = { chapterId: chapterId };
  Chapter.find({ _id: chapterId }).then(function (chapter) {
    var chapter = chapter;
   Comment.find(query).then(function (data) {
  console.log(chapter);


    Chapter.find().then(function(chapters){
      return res.render({'chapterlinks', commentList: data, user: req.user, chapterq: chapter, chapters:chapters });

    })

});

}) };

strider · Accepted Answer · 2017-11-11 19:40:42Z

1

You just need to make that request from your browser via AJAX:

https://www.w3schools.com/xml/ajax_intro.asp

This would be in the code for your client (browser), not the code for your server (nodejs).

UPDATE:

Here's a simple example, which uses jQuery to make things easier:

(1) create a function that performs and handles the ajax request

function getChapterLinks(chapterId) {
    $.ajax({
      url: "/chapterLinks/"+chapterId,
    }).done(function(data) {
      //here you should do something with data
      console.log(data);
    });
}

(2) bind that function to a DOM element's click event

$( "a#chapterLinks1" ).click(function() {
  getChapterLinks(1);
});

(3) make sure that DOM element is somewhere in you html

<a id="chapterLinks1">Get ChapterLinks 1</a>

Now when this a#chapterLinks1 element is clicked, it will use AJAX to fetch the response of /chaptersLink/1 from your server without reloading the page.

references:

http://api.jquery.com/jquery.ajax/

http://api.jquery.com/jquery.click/

edited Nov 11, 2017 at 19:40

answered Nov 11, 2017 at 18:53

strider

6,0224 gold badges27 silver badges30 bronze badges

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

6 Comments

Rob Over a year ago

This is a link only answer. Please form a proper, complete answer using what you have linked to, if necessary. Links go dead and your answer will be useless. stackoverflow.com/help/how-to-answer

strider Over a year ago

Perhaps I should have just simply answered "Use ajax", followed by a copy and pasted description of what it is, and omitted the link.

user3542679 Over a year ago

do i keep the res.render there? Where do i include the mongoose query in the ajax? calling that chapterlinks site is useless just gives me same data as before.

strider Over a year ago

@user3542679 yeah keep it there. The mongoose query happens on the server when /chaptersLink/1 is requested, while the ajax happens within the webpage browser to make that request without reload the page. Hope that helps

user3542679 Over a year ago

yup figured it out yesterday. forgot to vote the answer. thnx!

|

Collectives™ on Stack Overflow

Send variable from mongoose query to page without reload on click

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related