将复杂的AJAX发布到MVC控制器

Question

我正在尝试使用Ajax保存在浏览器中创建的场景。数据结构非常简单。主要对象是场景，子对象是cente> sceneObject的类型。

这是我的场景模型类：

public class Scene
{
    [Key]
    public int id { get; set; }
    [Required]
    public string name { get; set; };
    public virtual ICollection<SceneItem> sceneItems { get; set; }
}

这是我的staceItem模型类：

public class SceneItem 
{
    [Key]
    public int Id { get; set; }
    [Required]
    public string name { get; set; }
    public float size { get; set;}
    public int sceneId { get; set; }
    virtual public Scene scene { get; set; }
}

这是我的ajax代码：

    var scene ={
                    sceneItems:[ {
                        id: 0,
                        name: "test1",
                        size: 0.35,
                        sceneID: 1
                    },
                    {
                        id: 0,
                        name: "test2",
                        size: 0.65,
                        sceneID: 1
                    }]
                }
                
                $.ajax({
                    type: "POST",
                    url: "/scene/create",
                    data: scene
                }).done(function (data) {
                    alert(data);
                });

当我在ASP的调试窗口中执行此AJAX调用时。 NET MVC应用程序，我可以看到所有字段均已填充，除了

virtual public Scene scene { get; set; }

我的staceItem模型。这使modelState.isvalid在我的控制器中返回false。

我该怎么做才能以一种可以在单个ajax命令中的sceneItem对象发布场景对象的方式来完成此工作。 并使用实体框架将其保存到我的数据库中？

非常感谢您的任何帮助。

Answer 1

将所需的字段名称添加到您的Ajax JSON

var scene ={
             id: 0,
             name="name",
             sceneItems:[ 
              ... your data
              ]
            }