Populating observable array with jquery

Question

I'm trying to understand the knockout syntax and have the following question.

If I have the following view-model

var anotherObservableArray = ko.observableArray([
    { name: "Bungle", type: "Bear" },
    { name: "George", type: "Hippo" },
    { name: "Zippy", type: "Unknown" }
]);

the Array should be empty and not contain the hardcoded value as above.

I wants to populate this using jquery with this code

$.getJSON('api/market', self.markets);

How can i do that, and where should this getJSON code go? Can anyone help me with a example?

Ben McCormick · Accepted Answer · 2013-02-06 17:18:52Z

1

You can check out the documentation

but basically it should look like this

$.getJSON("/some/url", function(data) { 
    anotherObservableArray(data);
})

assuming the data is a json array, otherwise set the observable to something like data.arrayProperty or whatever the array is stored as

answered Feb 6, 2013 at 17:18

Ben McCormick

25.8k12 gold badges56 silver badges71 bronze badges

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

Collectives™ on Stack Overflow

Populating observable array with jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related