JSON 对象未正确发送到我的 ASP.NET MVC 控制器，缺少属性

Question

我在将 JSON 对象传递给我的 ASP.NET MVC 控制器时遇到问题。

JS中JSON是这样设置的：

 jsonChildren = '{ "childImproItems" : [{ "Theme":"tralalali"  }, { "Theme":"tralalali"  }]}';
...
  $.ajax({
           url: url,  
            type: 'POST',
            data: JSON.parse(jsonChildren),
            success: function (result) {
              ...  
            },
            error: function (result) {
              ..
            }
        });

在我的控制器内部：

public int MyMethod(String typeName, SelectOptionsViewModel id) {
  return 0;
}

关注的Model类如下：

public class SelectOptionsViewModel {
        ...
  public List<ChildImproItemViewModel> childImproItems { get; set; }
}

和：

public class ChildImproItemViewModel {
        ...
  public string Theme { get; set; }
}

调试器正确地将我路由到我的控制器并将 JSON 正确解释为 SelectOptionsViewModel 实例。 它使用 2 个对象的列表正确设置其 childImproItems 属性。 但是 2 个 childImproItems 对象的 Theme 属性为 null，尽管在我的示例中它们应该设置为一个虚拟值。 其他属性也是如此。

你们知道我的错误在哪里吗？

提前谢谢。

编辑： 如果我自己创建 JSON 对象，情况完全相同：

   JSONFormatChildren = {};
    JSONFormatChildren.childImproItems = {};
    JSONFormatChildren.childImproItems[0] = {};
    JSONFormatChildren.childImproItems[0].Theme = 'trouloulou';
    JSONFormatChildren.childImproItems[1] = {};
    JSONFormatChildren.childImproItems[1].Theme = 'trouloulou';

然后是ajax：

 $.ajax({
            url: url,  //We can't pass the selectId directly as C# does not know about JS variables
            type: 'POST',
            data: JSONFormatChildren,
....
}

再一次，使用正确数量的元素 (2) 正确创建了列表，但所有元素 Theme property = null 而不是 trouloulou...

编辑 2： 如果我使用这个 JSON：

 jsonChildren = '{"Theme":"tralalali"}';

还有这个方法：

 public int test2(String typeName, ChildImproItemViewModel id) 
    {
        return 0;
    }

效果很好

如果我使用这个 JSON：

 jsonChildren = '[{"Theme":"tralalali"},{"Theme":"tralalali"}]'; 

还有这个方法：

   public int test2(String typeName, List<ChildImproItemViewModel> id) 
    {
        return 0;
    }

它不起作用：调用方法时 id = null

Answer 1

您需要正确指定json的内容类型，因为jquery中默认是form-url-encoded。另外，我认为 JSON.Parse 函数是不必要的，有/没有它都可以试试。

编辑：我刚刚注意到您正在尝试手动创建 JSON 字符串。这是一个坏主意，只需创建一个 Javascript 对象，然后使用 JSON.stringify()。否则很容易搞砸 JSON 字符串语法。如果您支持旧浏览器，则可能需要包含 json2.js 库

var     jsonChildren = { "childImproItems" 
: [{ "Theme":"tralalali"  }, { "Theme":"tralalali"  }]};
    ...

  $.ajax({
           url: url,  
            type: 'POST',
            data: JSON.stringify(jsonChildren),
            contentType: 'application/json',
            success: function (result) {
              ...  
            },
            error: function (result) {
              ..
            }
        });