如何将这个js数组传递给我的MVC 3控制器？

Question

我得到控制器中的空值。不知道我错过了什么。

我有一个网格，我有一个访客列表（名称为&电子邮件），其中用户通过复选框选择访客。

然后我读取所选联系人的名称和电子邮件并构建js数组。 然后这个数组传递给MVC 3 controller。

JS代码：

var name ='', email=''; 
    var guest = new Array(); 
      var guests = new Array(); 
      $('.CBC').each(function() { //loop grid by checkbox class 
       if (this.checked) { 
        name = GetSelectedName(); 
        email = GetSelectedEmail(); 
        guest = { 'Email': email, 'Name': name }; 
        guests.push(guest); 
       } 
      }); 

     $.ajax({ 
     type: "POST", 
     url: GetURL(), 
     data: guests, 
     dataType: "json", 
     success: function (res) { 
      //do something 
     } 
}); 

控制器：

[HttpPost] 
    public ActionResult AddGuests(List<SelectedGuest> guests) 
    {    
     GuestService svc = new GuestService(); 
     //do something with guests 
     //But Name and Email of all items in guests are null!!! 
    } 

public class SelectedGuest 
{ 
    //represent the email columns of the contact grid 
    public string Email { get; set; } 

    //represent the Name column of the contact grid 
    public string Name { get; set; } 
} 

我需要JS数组显式转换为JSON对象序列化呢？

Answer 1

如果你有使用插件的*，尝试jQuery-JSON：

var guests = new Array(); 

// push stuff into the array 

$.ajax({ 
    type: "POST", 
    url: GetURL(), 
    data: $.toJSON(guests), 
    dataType: "json", 
    success: function (res) { 
     //do something 
    } 
); 

Answer 2

也许改变设置传统到真正可能的帮助。这里是我修改过的代码，用于将唯一标识符（Guid）发布到控制器操作。

var yourArray = new Array(); 
// TODO: fill array with ids of checked checkboxes 
$('.CBC:checked').each(function() { 
    yourArray.push($(this).attr('myId')); 
}); 

var postData = { 
    yourArray: yourArray 
}; 

$.ajax({ 
    type: "POST", 
    url: "/ctrl/ActionName", 
    data: postData, 
    success: function (result) { 
    }, 
    datatype: "json", 
    traditional: true 
}); 

在控制器中，我有以下操作。

[HttpPost] 
public ActionResult ActionName(List<Guid> yourArray) 
{ 
    return View(); 
} 

Answer 3

您还可以创建自定义模型联编程序。这使您可以将原始输入中的代码写入请求对象，并从中创建一个对象。这可以让你创建一个字符串列表或其他你想在控制器中看到的对象。它也是非常可重用的。

Answer 4

$.ajax({ 
      type: "POST", 
      url: "yourUrl", 
      data: JSON.stringify(yourArray), 
      contentType: "application/json; charset=utf-8" 
     }); 

的contentType： “应用/ JSON的;字符集= UTF-8” - 是很重要的一部分

[HttpPost] 
public void Fake(List<yourType> yourArray) 
{ 
} 

Answer 5

，因为你在发送错误的方式JSON数组你得到空。

首先，你应该序列的JSON数组：

$.ajax({ 
     // Whatever ... 
     type: "POST", 
     url: "yourUrl", 
     data: JSON.stringify(guests), 
     // Whatever ... 
    }); 

其次，你的控制器应得到的字符串：

[HttpPost] 
public ActionResult ActionName(string guests) 
{ 
    // ... 
} 

最后，你应该反序列化字符串相关类型：

[HttpPost] 
public ActionResult ActionName(string guests) 
{ 
    // this line eserializes guests ... 

    IList<GuestType> gs = 
     new JavaScriptSerializer().Deserialize<IList<GuestType>>(guests); 

    // ... Do whatever with gs ... 

    return View(); 
} 

Answer 6

我试过这个，它的工作。

var name ='', email=''; 
var guest = new Array(); 
     var guests = new Array(); 
     $('.CBC').each(function() { //loop grid by checkbox class 
      if (this.checked) { 
       name = GetSelectedName(); 
       email = GetSelectedEmail(); 
       guest = { 'Email': email, 'Name': name }; 
       guests.push(guest); 
      } 
     }); 

var PostData = { guests: guests }; //if this is creating ambiguity try using something:guest //(something is //controller parameter, change your controller parameter accordingly)    

    $.ajax({ 
    type: "POST", 
    url: GetURL(), 
    data: PostData , 
    dataType: "json", 
    success: function (res) { 
     //do something 
    } 
}); 

干杯，

SRINIVAS

Answer 7

刚刚设置的“传统：真正的”在阿贾克斯。

例：

$.ajax({ 
    type: "POST", 
    url: GetURL(), 
    data: PostData , 
    dataType: "json", 
    traditional:true, 
    success: function (res) { 
     //do something 
    } 
});