Knockout.js postback sul server per aggiornare il modello

Question

So per certo che è possibile creare binding in 2 way in knockout.js. Questo cambia il modello in javascript dopo aver cambiato la vista e l'opposto. Ho bisogno di un modo per notificare e inviare queste modifiche al server. Quindi ho praticamente bisogno di fare un post sul server. Come posso fare questo?

Ciò che intendo con questo, è che in qualche modo ho bisogno di collegare un gestore di eventi così ogni volta che cambio una volta dei miei modelli automaticamente invia di nuovo al server le modifiche.

Answer 1

function MyViewModel() { 
    var self = this; 
    self.value1 = ko.observable(); 
    self.value2 = ko.observable(); 
    ko.computed(function() { 
     $.ajax({ 
      url: '/path/to/server/endpoint', 
      type: 'POST', 
      data: { 
       value1: self.value1(), 
       value2: self.value2() 
      } 
     }); 
    }); 
} 

Non dovrebbe essere necessario individuali "abbonamenti manuale" per ogni proprietà ViewModel. Basta definire un ko.computed. Tutti i numeri ko.computed vengono automaticamente avvisati delle modifiche alle cose osservabili da cui dipendono. Nel codice sopra, il calcolo dipende dalle osservabili value1 e value2 (nell'argomento data alla funzione jQuery $.ajax). Ogni volta che cambia il valore di un osservabile, viene eseguita la funzione wrapping ko.computed e inviare i nuovi valori al server.

Answer 2

lo faccio tramite JSON (un solo modo):

caricare il ko vincolante da stringa JSON (esempio):

userSettingsModel = ko.mapping.fromJSON('${userSettingsJSON}'); 
    ko.applyBindings(userSettingsModel); 

inviare l'oggetto ko cambiato di nuovo al server (esempio):

function saveConferencesFilter() { 
    // console.log(ko.mapping.toJSON(userSettingsModel)); 
    $.ajax({ 
     type: 'PUT', 
     url: '/AudioPlace/userSettings/rest', 
     dataType: 'json', 
     contentType: 'application/json;charset=UTF-8', 
     data: ko.mapping.toJSON(userSettingsModel), 
     success: function (data) { 
      getConferences(); 
     } 
    }); 
} 

Answer 3

Che ne dici di un manual subscription?

• abbonamenti manuali possono essere pensati come binding per il vostro modello di vista. I collegamenti consentono all'interfaccia utente di reagire ai cambiamenti nel modello di visualizzazione, mentre gli abbonamenti manuali consentono al modello di visualizzazione di reagire alle modifiche a se stesso. Questo potrebbe significare fare aggiornamenti ad altri oggetti correlati nel tuo modello di vista.

• Un esempio comune è l'attivazione di un aggiornamento di un osservabile tramite AJAX quando si modificano altre modifiche osservabili, ad esempio quando viene selezionata una casella di controllo o viene modificato un valore di discesa. In questo caso, l'abbonamento manuale agisce come un osservabile calcolato asincrono.