Knockout-Mapping JSON Update vorhandene Ansicht Modell

Question

Ich habe diese Daten JSON vom Server:

{"HaveNotification":false,"IsError":false,"Title":null,"Description":null} 

und ich versuche, diese Ansicht Modell über ko.mapping zu füllen:

var notifyVM = { 
    HaveNotification: ko.observable(true), 
    IsError: ko.observable(false), 
    Title: ko.observable('Title goes here'), 
    Description: ko.observable('Description goes here'), 
} 

mit diesem Code , die auf einem Abfrageintervall genannt wird:

function pollNotifications() { 

    $.getJSON('@Url.Action("GetNotifications", "Home")', function (data) { 

    ko.mapping.fromJSON(data, notifyVM); 

    setTimeout(pollNotifications, 10000); 
    }); 
} 

und dies ist Seite zu laden Code:

$(function() { 

    ko.applyBindings(notifyVM); 

    setTimeout(pollNotifications, 10000); 
}); 

aber es funktioniert nicht. Wenn ich das Ansichtsmodell nach dem fromJSON-Aufruf überprüfe, werden die Observablen nicht aktualisiert, sie haben immer noch ihre Anfangswerte.

UPDATE: Einige weitere Informationen ... wenn ich dies tun in den pollNotifications funktionieren

var newVM = ko.mapping.fromJSON(data); 

Ich stelle fest, dass die Ansicht Modell erstellt es ist nicht das gleiche wie mein ein, es besteht aus einem einzigen beobachtbaren Funktion, während meine ist ein Objekt mit einer Reihe von beobachtbaren Eigenschaften.

Answer 1

Haben Sie versucht, die Werte manuell dem View-Modell zuzuordnen und zu sehen, ob das funktioniert, so?

function pollNotifications() { 
    $.getJSON('@Url.Action("GetNotifications", "Home")', function (data) { 
     notifyVM.HaveNotification(data.HaveNotification); 
     notifyVM.IsError(data.IsError); 
     notifyVM.Title(data.Title); 
     notifyVM.Description(data.Description); 

     setTimeout(pollNotifications, 10000); 
    }); 
} 

Wenn die oben nicht funktioniert, dann wissen Sie, es ein Problem mit Ihren Daten ist; Ansonsten passiert das Mapping nicht korrekt mit ko.mapping.fromJSON().

Answer 2

Sie sollten ko.mapping.fromJS anstelle von ko.mapping.fromJSON weil $ .getJSON wird ein Datenobjekt (kein json string) Rückkehr:

Der Erfolg Rückruf die zurückgegebenen Daten übergeben wird, Dies ist typischerweise ein JavaScript-Objekt oder -Array, wie es von der JSON-Struktur definiert und unter Verwendung der $ .parseJSON() -Methode analysiert wird. Es wird auch der Textstatus der Antwort übergeben.

http://api.jquery.com/jquery.getjson/

machen einen console.log (Daten); Um die Differenz

Answer 3

Versuchen:

ko.mapping.fromJS(data, {}, notifyVM);

Die beiden Parameter Form erwartet ein View-Modell, das zuvor mit ko.mapping.fromJS erstellt. Wenn es keine findet (basierend auf der Suche nach einer spezifischen Eigenschaft, die fromJS hinzufügt), wird davon ausgegangen, dass Sie das Formular fromJS (data, Optionen) aufrufen.

Die 3-Parameter-Form entfernt diese Mehrdeutigkeit.