How to add JSON data to an observableArray

Question

In the html page i have a view model

 AppViewModel = {
        people : ko.observableArray([
        {
            fName : 'john'
            lName :'conor'
        }, {
            city  : 'dallas'
        }, {
            state : 'texas'
        } ]),


    };

and i fetch the json data from the server in the format

{
                fName : 'john'
                lName :'conor'
            }, {
                city  : 'dallas'
            }, {
                state : 'texas'
            }

i want the json data to get added to the array(push), anything like AppViewModel.people.push(ko.mapping.fromJS(jsondata, viewModel)) but it is not working. Any ideas?

possible duplicate of Map JSON data to Knockout observableArray with specific view model type — PW Kad
– PW Kad, Commented Aug 13, 2013 at 16:10
why ko.mapping.fromJS is not working?? please post a jsfiddle example — ebram khalil
– ebram khalil, Commented Aug 13, 2013 at 17:44

Damien · Accepted Answer · 2013-08-14 08:52:51Z

3

If jsonData is an array, this works.

ko.utils.arrayForEach(jsondata, function(item){
    AppViewModel.people.push(item);
});

Edit

You can check if the object is not empty by using jQuery.isEmptyObject.

if(jQuery.isEmptyObject(jsonData) == false)
    AppViewModel.people.push(jsonData)

Or you can use this version of isEmpty :

function isEmpty(obj) {
    for(var prop in obj) {
        if(obj.hasOwnProperty(prop))
            return false;
    }

    return true;
}

I hope it helps.

edited Aug 14, 2013 at 8:52

answered Aug 13, 2013 at 16:13

Damien

8,9873 gold badges34 silver badges43 bronze badges

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

4 Comments

Bhaskar Over a year ago

thanks,how to set the property value when the jsondata is not an array and it may be empty pls help

Damien Over a year ago

If it is not an array, what it is ?

Bhaskar Over a year ago

sometimes the jsondata is like {"lName":"john","fName":"conor"} and {}

Damien Over a year ago

So, if jsonData is empty you don't want to alter the people array, but when jsonData is an object with properties you want add it to the people array ?

Collectives™ on Stack Overflow

How to add JSON data to an observableArray

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related