Unable to post using Jquery for nodeJS application

Question

I am unable to post the data to the server and getting a timeout error. Please see the code below:

Client side script:

    $(document).ready(function(){
            $('#form1').on('submit',function(e) {
                e.preventDefault();
                    $.ajax({
                    type: "POST",
                    url: "/",
                    timeout: 2000,
                    data : JSON.stringify({ image: "yo", text: "apples" }),
                    dataType : 'json',
                    success: function(data) {
                        alert('Success!')
                    },
                    error: function(jqXHR, textStatus, err) {
                        alert('text status '+textStatus+', err '+err)
                    }
            });
            })
    })

Server side script :

    app.use(bodyParser.json());
    app.post('/', function (req, res){

        console.log(req.body);
        console.log('req received');

    });

On the server I am seeing the output as

    APP STARTED ON PORT - 3000
    {}
    req received

Can you please guide me for why I am unable to receive the data ? Thank you in advance.

Possible duplicate of How to send data from JQuery AJAX request to Node.js server — Prashant Gupta
– Prashant Gupta, Commented Aug 14, 2018 at 7:09

Shant Marouti · Accepted Answer · 2018-08-14 07:24:23Z

1

The reason you're getting timeout is that you are not responding to the request. Even if your api does not have any result you should respond to the request, at least with a status code.

res.sendStatus(200);

body-parser by default only parses requests that have content-type of application/json. Try adding contentType: 'application/json; charset=UTF-8' to jQuery ajax options.

$.ajax({
    ...
    contentType: 'application/json; charset=UTF-8',
    ...
});

answered Aug 14, 2018 at 7:24

Shant Marouti

1,3258 silver badges11 bronze badges

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

Comments

p u · Accepted Answer · 2018-08-14 07:24:30Z

0

Body is always sent as an object....don't stringify it!

answered Aug 14, 2018 at 7:24

p u

1,4551 gold badge20 silver badges30 bronze badges

1 Comment

Chandrahas Balleda Over a year ago

If I do not stringify the object, shouldn't I use bodyParser at the server side..?

Collectives™ on Stack Overflow

Unable to post using Jquery for nodeJS application

Client side script:

Server side script :

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

Client side script:

Server side script :

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related