2013-07-05 42 views
1

我想提交我的表单到休息服务使用淘汰赛。按下submit按钮后,表单进入无限循环,直到浏览器崩溃。无法真正理解这里发生了什么。KnockoutJs提交绑定启动inifinite循环

的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> 

回答

3

ko.toJS保留功能,像你正在使用jQuery的功能,它可以运行在数据的所有功能对象(viewModelJS)。这反过来导致无限循环。

为什么我没记住,你可以使用映射对象,而忽略这样

var viewModelJs = ko.mapping.toJS(ko.utils.unwrapObservable(viewModel), { 
    ignore: ['submitForm']}); 
+0

耶稣的功能...... – amhed

+0

结束了使用'VAR viewModelJs = ko.toJSON(视图模型) ;' – amhed

+2

在github中看到这个问题:https://github.com/knockout/knockout/issues/251它应该在下一个版本的knockout中修复。 –