$.ajax post doesn't post data (JavaScript)

Question

I can't figure out why this problem is arising. When I make an ajax post request in my javascript file, the url gets called, but the data wont get sent. Here's how I make a post request:

<script type="text/javascript">
    $.ajax({
        type: "POST",
        url: "/test",
        dataType: "json",
        data: {test: "test"},
        contentType: "application/x-www-form-urlencoded",

    });
</script>

And on my backend, here's the post method I'm using:

app.post('/test', function(req, res) {
  console.log(req.body); // returns {}
  console.log(req.params); // returns {}
});

Here's what I tried so far: XMLHttpRequest to Post HTML Form, AJAX Post not sending form data , Send POST data using XMLHttpRequest but unfortunately none of them worked for me.

you can remove the contentType option, that's not necessary for what you're doing. (the default will suffice) — user400654
– user400654, Commented May 1, 2017 at 19:53
You're sure you're hitting your endpoint? You're seeing stuff in your console on the server-side whenever you send an AJAX request? Have you tried doing console.log(req) to see if the data is on a different property? — Mike Cluck
– Mike Cluck, Commented May 1, 2017 at 19:53
@KevinB I've tried it without contentType too, still doesn't work. Any other suggestions? — Babak Rz
– Babak Rz, Commented May 1, 2017 at 19:54
you have to send some response to FE right? res.send('something') ?? otherwise that request will get timedout in browser — Rohith K P
– Rohith K P, Commented May 1, 2017 at 19:54

rie · Accepted Answer · 2017-05-01 20:04:41Z

1

dataType: "json" expects data in JSON, but contentType: "application/x-www-form-urlencoded" sends data in different way. Maybe you should write dataType: "json", contentType: "application/json" or dataType: "html", contentType: "application/x-www-form-urlencoded"?

answered May 1, 2017 at 20:04

rie

2962 silver badges5 bronze badges

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

Collectives™ on Stack Overflow

$.ajax post doesn't post data (JavaScript)

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related