1

我有以下视图模型。登录后，我希望用户有一个选择框，列出数据库中的所有城市。这是视图模型

function ppfoViewModel(){
        var self= this;
        self.userName = ko.observable();
        self.password = ko.observable();
        self.loggedIn = ko.observable(false);
        self.validateUser = function(){
            if(self.userName()=='Admin'&&self.password()=='Admin'){ 
                var temp;
                self.loggedIn(true);
                $.get("dbhandler.php", { "fun": "cities"}, function (data) {self.cities(data);});               
            }else{
                self.loggedIn(false);
            }};
        self.cities = ko.observableArray()
        self.selectedCity = ko.observable();
        self.store = ko.observable();
        self.drink = ko.observable();
        self.test = ko.observable();
    };

ajax 请求调用返回以下字符串的页面：

[{"cityName":"Provo","cityID":"1"},{"cityName":"Salt LakeCity","cityID":"2"}]

这是视图。

<select data-bind="options: cities, optionsText:'cityName', selectedOptions: selectedCity""></select>

当我登录时，我知道我得到了正确的字符串，但是选择框有几个空格作为选项。我确定我在这里遗漏了一些明显的东西，但是我怎样才能将由 php 页面和 AJAX 请求创建的数组放入可观察数组中以便它工作？提前感谢您容忍我的荒谬。

4

1 回答 1

1

您需要将结果解析回 JSON 对象，例如：

$.get("dbhandler.php", { "fun": "cities"}, function (data) {
    self.cities(JSON.parse(data));
});
于 2012-07-11T08:54:14.613 回答