Question

的回复

MVC3 Pass Model view to controller using javascript

暗示这是不可能的，至少对于MVC 3来说。

我想知道MVC 4中是否有任何方法可以将.cshtml（razor）视图中的整个表单内容（由模型表示）快速传递给JavaScript中的控制器。

例如，如果我选择一个下拉列表，我可能希望将表单中的所有字段返回给控制器，这将采取适当的操作。

显然，对于大型表格，不必进行逐元素

Answer 1

基本上，您可以调用AJAX POST：

JS（使用jQuery）：

$('form').on('submit', function (event) {
    // Stop the default submission
    event.preventDefault();

    // Serialize (JSON) the form's contents and post it to your action
    $.post('YourAction', $(this).serialize(), function (data) {
        // If you want to do something after the post
    });
});

控制器操作：

public ActionResult YourAction(string JSONmodel)
{
    System.Web.Script.Serialization.JavaScriptSerializer serializer = new System.Web.Script.Serialization.JavaScriptSerializer();

    MyModel model = serializer.Deserialize(JSONmodel, typeof(MyModel));

    // Now you can do whatever you want with your model
}

<强>更新

对于更复杂的对象，您可以使用第三方解决方案进行序列化/反序列化。它有很好的文档和扩展使用：

Json.NET ：http://json.codeplex.com/

Answer 2

是的，可以更简单的方式。

MelanciUK提供的示例替代。

$('form').on('submit', function (event) {
    // Stop the default submission
       event.preventDefault();

   // User same property name as in Model
      $.post('YourAction', {prop1 : 'a', prop2 : 'b'}, function (data) {
   // If you want to do something after the post
});

}）;

[HttpPost]
 public ActionResult SampleAction(SampleModel sModel)
  {

  }

您可以通过stadard MVC（ModelBinding）约定实现相同的功能，即无需序列化和反序列化。

MVC4将所有表单数据（模型）从javascript传递给控制器 - 是否可能？

2 个答案:

MVC4将所有表单数据（模型）从javascript传递给控制器​​ - 是否可能？

2 个答案:

MVC4将所有表单数据（模型）从javascript传递给控制器 - 是否可能？