クリックしてリロードせずにmongooseクエリから変数に変数を送信

Question

私のサイトにはリンクがあります。クリックすると、mongooseクエリーを実行する関数が呼び出されます。 私はそのクエリの結果を、ページをリロードせずに変数の同じページに送ることを望みます。それ、どうやったら出来るの？今すぐ新しいクエリー結果データでページを再表示しています。

// 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 }); 

    }) 

}); 

}） };

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

これは、あなたのクライアントのためのコード（ブラウザ）ではなく、サーバーのコード（nodejs）で次のようになります。あなただけのAJAXを経由して、ブラウザからその要求をする必要があり

Answer 1

。

UPDATE：

ここで物事を簡単にするためにjQueryのを使用する簡単な例、です：

（1）AJAXリクエストを実行し、処理する関数を作成

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

（2）その機能をDOM要素のクリックイベントにバインド

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

（3）DOM要素は、あなたがこのa#chapterLinks1要素がクリックされたときに

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

は今、それが/chaptersLink/1の応答を取得するためにAJAXを使用するHTML内のどこかにあることを確認してくださいページをリロードせずにサーバーから削除します。

---

参照：

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

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