Is it possible to update a specific section of a webpage using AJAX without having to refresh the entire page? If so, how can this be achieved correctly?
//Get Book
router.get('/form/:id', (req, res) => {
Book.findOne({
_id: req.params.id
})
.then(books=> {
res.send(books)
});
});
});
I would like to include a title via AJAX.
<div class="form-group">
<b class="titleclass">Title:</b>
<input type="text" class="form-control" name="title">
</div>
Here is my solution:
//Get Book
router.get('/form/', (req, res) => {
var x="this is title";
res.send(x)
});
JavaScript:
$(".test").click(function () {
$.get("/form/", function (data, status) {
alert(data); //does not trigger
})
});