从服务器加载JSON数据

debugcn 发表于 Dev

Code_Ed_Student

我目前正在使用敲门.js框架。我以一个基本的联系表为例，并根据自己的需要进行了修改。我可以将值存储在数据库中。我很难从服务器加载值。我保存了两个联系人。加载值时，它显示联系人的两个字段，但值为空。我在控制台日志上检查ajax请求，它正在返回值。如何正确从服务器加载值？演示

var ContactsModel = function (contacts) {
    var self = this;
    self.contacts = ko.observableArray(ko.utils.arrayMap(contacts, function (contact) {
    return {
            firstName: contact.firstName,
            lastName: contact.lastName,
            phone: contact.phone,
            alt_phone: contact.alt_phone,
            main1: ko.observable(contact.main1),
            main2: ko.observable(contact.main2)
        };
    }));



    self.addContact = function () {
        self.contacts.push({
            firstName: "",
            lastName: "",
            phone: "",
            alt_phone: "",
            main1: false,
            main2: false
        });
    };

    self.removeContact = function (contact) {
        self.contacts.remove(contact);
    };

    self.addPhone = function (contact) {
        contact.phones.push({
            number: ""
        });
    };

    self.removePhone = function (phone) {
        $.each(self.contacts(), function () {
            this.phones.remove(phone)
        })
    };

    self.save = function () {
            self.lastSavedJson(JSON.stringify(ko.toJS(self.contacts), null, 2));
        };


    self.lastSavedJson = ko.observable("");


};

$.getJSON("functions/getPerson.php", function(allData) {
          var initialData = $.map(allData, function(person) { return new ContactsModel(person) });
          ko.applyBindings(new ContactsModel(initialData));
});

伊万·斯伯

删除此行：
var initialData = $.map(allData, function(person) { return new ContactsModel(person) });

并尝试使用ko.applyBindings(new ContactsModel(allData));（与allData一起使用）。

代替： ko.applyBindings(new ContactsModel(initialData));

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。