How to copy array of objects from ajax call to observable array?

Question

I have an function where i do ajax call and i get the data in callback. Something like this

function loadData(callback) {
   //do ajax
   if(callback) {
      callback(data.data);
   }
}

And if i call the function like

loadData(function(data) {
   return data;
})

it returns the data i need. How can i copy all the objects and its key/values to an self.dataset = ko.observableArray([]); So i can use the data anywhere i want?

Answer 1

How I do it is by using the Knockout Mapping Plugin and the fromJSON command (you might need to use fromJS depending on your data format) this maps the data as it comes from the source.

function loadData() {
    $.ajax({
        url: 'http://...',
        dataType: 'json',
        success: function (data) {
            ko.mapping.fromJSON(data, {}, self.dataArray);
        }
    });
}