2

以下 java 脚本定义了具有属性“ text ”和函数“ save ”的 MyViewModel 对象。

<script type="text/javascript">
    function MyViewModel() {
        this.text = ko.observable('');
    }

    MyViewModel.prototype.save = function () {
        alert(this.text()); // Works fine
        var data = ko.ToJSON(this); // Error: Object doesn't support this property or method ?
        $.ajax({
            type: 'POST',
            url: '/Person/Save',
            data: data,
            contentType: 'application/json',
            success: function (data) {
                alert(data);
            }
        });
    };
</script>

<script type="text/javascript">
    $(function () {
        var viewModel = new MyViewModel()
        ko.applyBindings(viewModel);
    });
</script>


并定义了以下按钮：

<button data-bind="click: save">SAVE</button>


单击按钮时的结果：

  • 使用 this.text() 访问属性可以正常工作
  • 将 java-script 对象转换为 JSON 对象：ko.ToJSON(this) 不起作用并引发错误：“错误：对象不支持此属性或方法”

可能是一些微不足道的东西丢失或错误，但我看不到它。有小费吗 ？

4

2 回答 2

4

Knockout 没有ToJSON方法 - 但它确实有toJSON方法：

function MyViewModel() {
    this.text = ko.observable('');
}

MyViewModel.prototype.save = function () {
    alert(this.text()); // Works fine
    var data = ko.toJSON(this); // Works fine too
    $.ajax({
        type: 'POST',
        url: '/Person/Save',
        data: data,
        dataType: 'json',
        success: function (data) {
            alert(data);
        }
    });
};
于 2011-12-02T22:45:20.117 回答
0

您已将视图模型定义为一个函数（如果您愿意，可以是一个类）：

function MyViewModel() {
    this.text = ko.observable('');
}

相反，您应该将其定义为 var（对象）：

var MyViewModel = {
    text: ko.observable('');
}

然后，您应该会发现以下工作正常：

var data = ko.ToJSON(MyViewModel);
于 2011-12-02T09:32:28.880 回答