How do i get json data from HTML to Nodejs server

Question

I created a UI to read, write and update a config file using HTML but I am not able to save new JSON object to my existing config file.

So I need to post JSON object from HTML file to nodejs server

JAVASCRIPT

 var testJson = { name: "mufashid" }
        $.ajax({
            url: 'http://localhost:3000/test/config',
            type: 'POST',
            dataType: 'json',
            data: { o: JSON.stringify(testJson ) }, // bags collection value what your goging to send to server 
            // crossDomain: true,
            success: function (data) {
                alert('Success!')
            },
            error: function (jqXHR, textStatus, err) {
                //show error message
                alert('text status ' + textStatus + ', err ' + err)
            }
        });

nodejs


app.post('/test/config', function (req, res) {
    // console.log(res);
    console.log(req)

})

Need to update the config file with the new value when pressed the save button.

Have you tried req.data? You can try using console.log to debug — Shinjo
– Shinjo, Commented Aug 6, 2019 at 7:42
What about your (res)? Could help: stackoverflow.com/questions/45105992/…, stackoverflow.com/questions/13478464/…. Once you're able to access your json from ajax request you could easily manipulate the data. — Shinjo
– Shinjo, Commented Aug 6, 2019 at 7:56

lx1412 · Accepted Answer · 2019-08-06 08:03:08Z

-1

You missed contentType: "application/json" in your javascript code.

var testJson = { name: "mufashid" }
        $.ajax({
            url: 'http://localhost:3000/test/config',
            type: 'POST',
            contentType: "application/json",// you missed this line.
            dataType: 'json',
            data: JSON.stringify({ o: testJson }), // IMportant!!!!!!
            // crossDomain: true,
            success: function (data) {
                alert('Success!')
            },
            error: function (jqXHR, textStatus, err) {
                //show error message
                alert('text status ' + textStatus + ', err ' + err)
            }
        });

answered Aug 6, 2019 at 8:03

lx1412

1,1907 silver badges15 bronze badges

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

Comments

XCEPTION · Accepted Answer · 2019-08-06 10:11:43Z

-1

Please find the below code. Content type was missing

$.ajax({
    url: 'http://localhost:3000/test/config',
    type: 'POST',
    dataType: 'json',
    contentType: 'application/json',
    data: JSON.stringify({
      o: testJson
    }),
    // crossDomain: true,
    success: function (data) {
      alert('Success!')
    },
    error: function (jqXHR, textStatus, err) {
      //show error message
      alert('text status ' + textStatus + ', err ' + err)
    }
  });

Routes

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

answered Aug 6, 2019 at 10:11

XCEPTION

1,7531 gold badge19 silver badges39 bronze badges

Collectives™ on Stack Overflow

How do i get json data from HTML to Nodejs server

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related