To Whom it May Concern (I am simply attempting to meet the "please add more detail" requirement)
Upon sending data to the server as shown below, the body appears empty.
Server
// Route for POST method
app.post('/pass', function (req, res) {
console.log("server received a POST from the homepage")
console.log(req.body)
res.send('POST request to the homepage')
})
Client
function ajaxJSONFunc(){
var inputData = document.getElementById('input2').value
var json = {"data":"abc"};
$.ajax({
url: "/pass",
type: "POST",
data: json,
contentType: "application/json",
// dataType: "json", only use if you need response data to be JSON; an error will occur if uncommented and data is not JSON by default
success: function(data) {
console.log("data passed back from server is:" + data)
},
error: function(err) {
console.log("an error occurred")
console.log(err)
}
})
}
It works when passing like this (below), but I would rather send JSON data instead of strings.
$.ajax({
url: "/pass",
type: "POST",
data: inputData,
contentType: "application/x-www-form-urlencoded",
//dataType: "json", only use if response data needs to be JSON; an error occurs if uncommented and data is not JSON by default
success: function(data) {
console.log("data passed back from server is:" + data)
},
error: function(err) {
console.log("an error occurred")
console.log(err)
}
})