Post json using jquery on express server

Question

I want to post a json object to express server.

Javascript

var task = {
    task: "Do something",
    deadline: "5 am"
};

$.post("http://localhost:3000/api/tasks", task, (data) => {
    console.log(data);
}, "json")

Node.js/Express

var bp = require('body-parser')

app.use(bp.json());

app.post('/api/tasks', (req, res) => {
    console.log(req.body);
    res.json(req.body);
})

When I test the server using Postman, I get the expected output, i.e. it displays the task object in the console and also sends it back to the client.

But when I run the above javascript code, it displays an empty object in the console and sends back empty object. What am I missing in the jquery ajax call?

You aren't sending json. $.ajax default is application/x-www-form-urlencoded — charlietfl
– charlietfl, Commented Jul 13, 2017 at 17:38
No such thing as a json object. json is a string data format — charlietfl
– charlietfl, Commented Jul 13, 2017 at 17:39

Arpit Solanki · Accepted Answer · 2017-07-13 17:45:39Z

4

Try adding the application/json header in your request.

$.ajax({ url: 'URL', 
type: 'POST',
contentType: 'application/json', 
data: JSON.stringify(DATA),
success: function(res) {
console.log(res)
}
} )

edited Jul 13, 2017 at 17:45

answered Jul 13, 2017 at 17:39

Arpit Solanki

10k4 gold badges45 silver badges57 bronze badges

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

4 Comments

software_writer Over a year ago

Thanks! that worked. Is there a way to achieve the same using $.post(), instead of $.ajax()?

Arpit Solanki Over a year ago

$.post will just be a shorthand that's all $.ajax will also work.

software_writer Over a year ago

can you please add the code snippet using $.post() to your answer? I am not sure what's the correct syntax to set contentType in $.post()

Arpit Solanki Over a year ago

There is no way to add headers using $.post you must use $.ajax. also you can parse the results using JSON.parse if you are sending a json response refer here

Collectives™ on Stack Overflow

Post json using jquery on express server

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related