JSON 数据到 MVC 控制器操作结果

Question

我的 Jquery 代码创建了三个对象，然后将它们放在另一个对象中，该对象使用 JSON.stringify 发布到控制器中的操作。

动作中的字符串如下所示：

{"sources":{"0":{"Name":"aaaaa","IP":"1.1.1.1","Username":"vvvv"},"1":{"Name":"bbbb","IP":"2.2.2.2","Username":"fdfdfdf"}},"destinations":{"0":{"Name":"aaaaa","IP":"1.1.1.1"},"1":{"Name":"bbbb","IP":"2.2.2.2"}},"protocols":{"0":{"Name":"dsfsdfsdf","Type":"FTP,SSH","Port":"22,33"}},"remarks":"sdfsdfsdf"}

所以这三个对象是：

var sources = {};
var destinations = {};
var protocols = {};

充满：

sources[iS] = { 'Name': field1, 'IP': field2, 'Username': field3 };

（iS 是一个计数器）

destinations[iD] = { 'Name': field1, 'IP': field2 };

（iD 是一个计数器）

protocols[iP] = { 'Name': field1, 'Type': field2, 'Port': field3 }

（iP 是一个计数器）

它们被放在一起：

var remarks = $('#txtRemarks').val();
var postdata = { "sources": sources, "destinations": destinations, "protocols": protocols, "remarks": remarks };

然后发布：

$.ajax({
  url: ThisController + '/AddRule',
  type: 'POST',
  data: 'postdata='+JSON.stringify(postdata),
  dataType: 'json',
  traditional: true,
  success: function (data) {
    $('#pnDataCollection').html(data);
  });

并收到：

 [HttpPost]
 public ActionResult AddRule(string postdata)  
 {

   return HttpNotFound();
 }

我有三个班级：

public class Source
{
  public string Name { get; set; }
  public string IP { get; set; }
  public string UserName { get; set; }
}

public class Destination
{
  public string Name { get; set; }
  public string IP { get; set; }
}

public class Protocol
{
  public string Name { get; set; }
  public string Type { get; set; }
  public string Port { get; set; }
}

我怎样才能将 JSON 字符串中的三个对象变为：

List<Source> = DoSomeThingWith(JsonString for Sources)
List<Destination> = DoSomeThingWith(JsonString for Destinations)
List<Protocol> = DoSomeThingWith(JsonString for Protocols)

??

Answer 1

您的代码建议您回发 3 个集合和其中一个表单控件的值，因此您的控制器方法需要是

[HttpPost]
public ActionResult AddRule(List<Source> sources, List<Destination> destinations, List<Protocol> protocols, string remarks)

但是你发回的json和你需要的没有关系，你需要生成集合。

var sources = [];
var destinations  = [];
var protocols = [];
// add some objects
sources.push({"Name":"aaaaa","IP":"1.1.1.1","Username":"vvvv"});
sources.push({"Name":"bbbb","IP":"2.2.2.2","Username":"fdfdfdf"});
// ditto for destinations and protocols
var data = { source: sources, destinations: destinations, protocols: protocols, remarks: $('#txtRemarks').val() };

$.ajax({
  url: '@Url.Action("AddRule")'; // don't hard code url's!
  type: 'POST',
  data: JSON.stringify(data),
  dataType: 'json',
  // traditional: true, // delete this
  contentType: "application/json; charset=utf-8", // add this
  success: function (data) {
      $('#pnDataCollection').html(data);
  });

旁注：尚不清楚您的收藏的价值来自哪里。假设您有表单控件来生成集合中的项目，那么您需要做的就是使用$('form').serialize(); 正确序列化您的数据并假设您已正确生成视图并回发到模型

Answer 2

尝试将您的操作更改为：

 [HttpPost]
 public ActionResult AddRule(List<Source> sources, List<Destination> destinations, List<Protocol> protocols)  
 {

   return HttpNotFound();
 }

并将您的数据更改为：-

$.ajax({
  url: ThisController + '/AddRule',
  type: 'POST',
  data: postdata,
  dataType: 'json',
  traditional: true,
  success: function (data) {
    $('#pnDataCollection').html(data);
  }
});

$.ajax 将为您处理转换对象。只需确保操作参数名称与 javascript 对象属性名称匹配即可。

那就换

var sources = {};
var destinations = {};
var protocols = {};

到

var sources = [];
var destinations = [];
var protocols = [];

将对象添加到数组时，这样做

sources.push({ 'Name': field1, 'IP': field2, 'Username': field3 });