JSON - Why I got null object when not using JSON.stringify?

Question

I'm using bootstrap 3 and jquery to develop my app. My question is, why i got null object if not using JSON.stringify instead formValues?

Before using JSON.stringify

var that = this;
var formValues = {
    userId: 315,
    locale: "en",
};
this.collection.fetch({
    type: "POST",
    contentType: 'application/json',
    dataType: "json",
    data: formValues,
    success: function(collection, response) {
        var template = _.template(accountsSummaryTemplate, {
            accounts: that.collection.models
        });
        that.$el.html(template);
        console.log(that.collection);
    },
    error: function(collection, response) {
        console.log(that.collection);
    }
});

After using JSON.stringify

var that = this;

function formToJSON() {
return JSON.stringify({
    "userId": 315,
    "locale": "en",
});
}
this.collection.fetch({
    type: "POST",
    contentType: 'application/json',
    dataType: "json",
    data: formToJSON(),
    success: function(collection, response) {
        var template = _.template(accountsSummaryTemplate, {
            accounts: that.collection.models
        });
        that.$el.html(template);
        console.log(that.collection);
    },
    error: function(collection, response) {
        console.log(that.collection);
    }
});

Thanks a lot in advance.

Blender · Accepted Answer · 2013-12-19 03:20:07Z

1

If the data property is an object, jQuery serializes it with $.param:

> $.param({userId: 315, locale: "en"});
"userId=315&locale=en"

If you pass in a string instead, jQuery doesn't serialize it. Look at the requests using your web browser's developer tools.

answered Dec 19, 2013 at 3:20

Blender

300k55 gold badges463 silver badges512 bronze badges

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

Comments

ReX357 · Accepted Answer · 2013-12-19 03:17:19Z

0

Because that's not a proper data string.

 var formValues = "userid=5&locale=en";

answered Dec 19, 2013 at 3:17

ReX357

1,2293 gold badges20 silver badges45 bronze badges

Comments

Amadan · Accepted Answer · 2013-12-19 03:18:11Z

0

Because JS object is not JSON. JSON is string, JS object is an object. If fetch uses jQuery.ajax, it expects either a JS object, or a query string (which is not JSON): "userId=315&locale=en".

answered Dec 19, 2013 at 3:18

Amadan

200k23 gold badges253 silver badges321 bronze badges

Collectives™ on Stack Overflow

JSON - Why I got null object when not using JSON.stringify?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related