1

ノックアウトを使用してフォームを休憩サービスに送信しようとしています。ボタンを押すとsubmit、フォームはブラウザがクラッシュするまで無限ループに入ります。ここで何が起こっているのか本当に理解できません。

Javascript:

var viewModel;
var Subscription = function () {
    var self = this;

    self.Name = ko.observable('');
    self.Email = ko.observable('');

    self.submitForm = function () {
        var viewModelJs = ko.toJS(ko.utils.unwrapObservable(viewModel));

        $.ajax('/umbraco/surface/newsletter/AddSubscription', {
            data: viewModelJs,
            type: "POST",
            async: true,
            contentType: "application/json",
            dataType: "json",
            success: function (result) {
                alert("sent");
            },
            error: function (error) {
                if (window.console && console.log) {
                    console.log(error);
                }
            }
        });

        return false;
    };
};

$(function () {
    viewModel = new Subscription();
    ko.applyBindings(viewModel);
});

そして、ここに私のフォームがあります：

<form class="form-horizontal" data-bind="submit: $root.submitForm">
    <div class="control-group">
        <label class="control-label" for="Name">Nombre</label>
        <div class="controls">
            @Html.TextBoxFor(m => m.Name, new { placeholder = "Nombre", data_bind = "value: Name" })
            @Html.ValidationMessageFor(m => m.Name)
        </div>
    </div>

    <!-- A couple more controls here -->

    <div class="control-group">
        <div class="controls">
            <button type="submit" class="btn">Enviar</button>
        </div>
    </div>
</form>
4

1 に答える 1

1

ko.toJSは関数を保持し、jquery 関数を使用しているように、データ オブジェクト (viewModelJS) ですべての関数を実行します。これにより、無限ループが発生します。

マッピングオブジェクトを使用して、このような関数を無視できます

  var viewModelJs = ko.mapping.toJS(ko.utils.unwrapObservable(viewModel), {
  ignore: ['submitForm']});
于 2013-07-05T14:06:07.797 に答える