将视图模型从 ajax 发送到控制器

Question

是否可以在视图中创建一个对象并通过ajax将其发送到控制器？

使用

$.ajax({
              type: "POST", etc....

??? 我想发送一个我在视图中收到的类型的对象

@model Project1.ViewModels.ModelSample

Answer 1

这是可能的

这是完全（而且很容易）可能的。

那么复杂的物体呢？

@xixonia 提供了您可能需要的所有信息。但这些示例相当基本，如果您有某种复杂对象，可能无法提供信息，如下所示：

public class Person
{
    public int Id { get; set; }
    public string Name { get; set; }

    public Person Spouse { get; set; }

    public IList<Person> Children { get; set; }
}

树中具有多个属性级别的任何对象都被视为复杂对象。 在这种情况下使用@xixonia 提供的技术将无法工作。

因此，如果您也想使用这种场景，我建议您阅读 这篇博文详细描述了整个问题，并提供了一个相当简单的 jQuery 插件，可以将复杂的对象发送到将模型绑定的 Asp.net MVC 控制器操作给你任何复杂的东西强型。

同一博客上的其他帖子也可能会有所帮助：

• 成功将表单模型绑定到 IList 操作参数（或在复杂类型参数内）
• 使用 Ajax 请求处理验证错误

如果您使用 Ajax 和 Asp.net MVC，您会发现这些帖子非常有用，并且在遇到此类问题时会节省大量开发时间。

Answer 2

这就是它对我有用的方式：

$.post("/Controller/Action", $("#form").serialize(), function(json) {       
        // handle response
}, "json");

[HttpPost]
public ActionResult TV(MyModel id)
{
    return Json(new { success = true });
}

Answer 3

是否可以创建一个对象
视图并将其发送到控制器
通过ajax？

绝对地。为此，您可以使用 ASP.NET MVC 的模型绑定。

var data =
{
    Id: 5,
    Value: "Hello, world!"
};

$.post('Home/MyAction', data);

并且您应该有一个匹配的 POCO：

public class MyPoco
{
    public int Id { get; set; }
    public string Value { get; set; }
}

以及一个需要您的模型进行绑定的操作：

public ActionResult MyAction(MyPoco myPoco)
{
    if(ModelState.IsValid)
    {
        // Do stuff
    }
}

这应该会自动将您的请求反序列化为 POCO。