jQuery Girl
  1. jQuery Girl
  3. AJAX – Envoi d’observables désactivés sous forme d’object JSON au serveur à l’aide d’AJAX
Intereting Posts
Remplir un menu de sélection basé sur un autre menu de sélection utilisant AJAX dans Struts2 Exécuter la fonction après que toutes les demandes ajax .load () sont terminées Comment puis-je détecter «toute» demande ajax en cours de traitement à l’aide de jQuery? Les tabs Jquery aident à la fonction onShow .When () et .done () en utilisant un tableau avec .done jQuery submit / preventDefault / post jquery obtient tous les éléments correspondant au nom de l’atsortingbut de données Utiliser ajax pour charger un DataTable jQuery Affectation de variable Javascript de chaîne de retour d’object Texte aléatoire sur MouseOver et MouseLeave Afficher le texte réel Comment append (cloner) des champs de formulaire à l’aide de jQuery et incrémenter les identifiants et les noms Erreur 500 sur Joomla 2.5.8: JHtml:: jquery non supporté. Fichier non trouvé Problème lors de l’utilisation du cache Webapp HTML5 Faire que Jcrop Tracker ne tourne pas lors du rognage d’une image tournée jeditable callback a des valeurs vides // OU // Comment afficher le texte modifié après avoir cliqué sur le bouton Enregistrer?

AJAX – Envoi d’observables désactivés sous forme d’object JSON au serveur à l’aide d’AJAX

J’essaie d’envoyer à mon serveur des champs de formulaire liés à des éléments observables particuliers sous la forme d’object JSON, mais je reçois une chaîne JSON vide côté serveur. Je ne souhaite pas envoyer l’intégralité du modèle de vue pour accomplir cette tâche. c’est le javascript que j’ai jusqu’ici: 

$(document).ready(function(){ ko.applyBindings(new AddSubjectKo()); }); function AddSubjectKo() { var self=this; self.name = ko.observable(); self.quiz = ko.observable(); self.ass = ko.observable(); self.oht = ko.observable(); self.sess = ko.observable(); self.ese = ko.observable(); self.SubjectAdded=function() { $.ajax({ url: "api/courses", type: "post", data: formToJSON(), contentType: "application/json", success: function(data){ alert("success"); }, error:function(jqXHR, textStatus, errorThrown) { alert("failure"); } }); function formToJSON() { alert(self.name()); return JSON.ssortingngify({ "name": self.name, "quiz": self.quiz, "ass": self.ass, "oht": self.oht, "sess": self.sess, "ese": self.ese, }); } } //$("#alert").slideDown(); }

Vous pouvez utiliser la fonction ko.toJSON pour cela: 

  function AddSubjectKo() { var self=this; self.name = ko.observable(); self.quiz = ko.observable(); self.ass = ko.observable(); self.oht = ko.observable(); self.sess = ko.observable(); self.ese = ko.observable(); self.SubjectAdded=function() { $.ajax({ url: "api/courses", type: "post", data: ko.toJSON(self), contentType: "application/json", success: function(data){ alert("success"); }, error:function(jqXHR, textStatus, errorThrown) { alert("failure"); } }); }

Utilisez simplement call the observable (ajoutez des parenthèses) pour récupérer les valeurs dans les observables: 

  $(document).ready(function(){ ko.applyBindings(new AddSubjectKo()); }); function AddSubjectKo() { var self=this; self.name = ko.observable(); self.quiz = ko.observable(); self.ass = ko.observable(); self.oht = ko.observable(); self.sess = ko.observable(); self.ese = ko.observable(); self.SubjectAdded=function() { $.ajax({ url: "api/courses", type: "post", data: formToJSON(), contentType: "application/json", success: function(data){ alert("success"); }, error:function(jqXHR, textStatus, errorThrown) { alert("failure"); } }); function formToJSON() { alert(self.name()); return JSON.ssortingngify({ "name": self.name(), "quiz": self.quiz(), "ass": self.ass(), "oht": self.oht(), "sess": self.sess(), "ese": self.ese(), }); } } //$("#alert").slideDown(); }