How to send JS object as JSON correct?

Question

I have the following JS Object:

json =
            {
                "category_id": category,
                "subcategory_id": subcategory,
                "offer_type": type_offer,
                "features": []
            };

I tried to send this object as JSON like:

$.ajax({
            type: 'POST',
            url: '/add',
            data: json,
            success: function (data) {
            },
            contentType: "application/json",
            dataType: 'json'
        });

Is it right? Or I need to make some preparations before?

Now I use this part of code:

formObj = $("#form_add").serialize();

var json = {};

var wrapperObj = {json: json, form: formObj};

    $.ajax({
                type: 'POST',
                url: '/add',
                data: JSON.stringify(wrapperObj),
                success: function (data) {
                   // TODO
                },
                contentType: "application/json",
                dataType: 'json'
            });

Is it right way? When I package two object inside one and after stringify?

Well, is it working?

Azsgy
– Azsgy

2017-12-10 20:01:42 +00:00
Commented Dec 10, 2017 at 20:01 — Azsgy
– Azsgy, Commented Dec 10, 2017 at 20:01
Can you see updated question please

Alice
– Alice

2017-12-12 17:45:45 +00:00
Commented Dec 12, 2017 at 17:45 — Alice
– Alice, Commented Dec 12, 2017 at 17:45

Sajeetharan · Accepted Answer · 2017-12-10 18:33:33Z

1

You need to use JSON.stringify to make it a valid json

$.ajax({
            type: 'POST',
            url: '/add',
            data: JSON.stringify(json),
            success: function (data) {
            },
            contentType: "application/json",
            dataType: 'json'
        });

answered Dec 10, 2017 at 18:33

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

1 Comment

Alice Over a year ago

Can you see my question again please

jmshuck · Accepted Answer · 2017-12-10 20:38:17Z

1

You can also use jQuery short-hand methods.

$.post('/add', json).done(function() {
     // Handle response here
  });

answered Dec 10, 2017 at 20:38

jmshuck

111 silver badge2 bronze badges

Comments

M.Boukhlouf · Accepted Answer · 2017-12-10 18:37:49Z

0

I think you should use JSON.stringify first:

$.ajax({
            type: 'POST',
            url: '/add',
            data: JSON.stringify(json),
            success: function (data) {
            },
            contentType: "application/json",
            dataType: 'json'
        });

answered Dec 10, 2017 at 18:37

M.Boukhlouf

3132 silver badges10 bronze badges

Collectives™ on Stack Overflow

How to send JS object as JSON correct?

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related