Javascript add items to object data: {}

Question

I wonder how I can add items to my data object.

This is how I make a post request using axios:

axios({
    method: 'post',
    url: 'someUrl',
    responseType: 'json',
    data: {
        title: titleData
    }
})

But sometimes I need to add more items to the data object depending on how many fields the user has filled.

So sometimes the request data might look like this:

axios({
    method: 'post',
    url: 'someUrl',
    responseType: 'json',
    data: {
        title: titleData,
        location: locationData,
        isReady: readyData
    }
})

So how can I push items to the data: {} object?

`var data = {}; if (...) data.foo = 'bar';`…?! – No need to be unnecessarily clever here. — deceze, Jun 14 '17 at 14:21
So use an object and add items to it and reference the object... — epascarello, Jun 14 '17 at 14:21

score 2 · Answer 1 · answered Jun 14 '17 at 14:24

With axios, the field data must contain an object, so :

var data = { title:titleData };

if (mySpecialCase)
{
    data["location"] = locationData;
    data["isReady"] = isReady;
}

axios({
    method: 'post',
    url: 'someUrl',
    responseType: 'json',
    data: data
})

Jonas Wilms · Answer 2 · 2017-06-14T14:24:53.657

0

You could keep the object in a variable, then pass on request:

var data={};
//then assign
data.title="test";
//or multiple at once
Object.assign(data, {
        location: locationData,
        isReady: readyData
});
//then do the request
axios({
      method: 'post',
      url: 'someUrl',
      responseType: 'json',
      data
    })

edited Jun 14 '17 at 14:24

answered Jun 14 '17 at 14:21

Jonas Wilms

132,000
20
149
151

score 0 · Accepted Answer · answered Jun 14 '17 at 14:22

0

Can't you add property directly by their name

data['newPropertyName'] = value

or

data.newPropertyName = value

answered Jun 14 '17 at 14:22

Abhinav Galodha

9,293
2
31
41

Javascript add items to object data: {}

3 Answers3