Làm thế nào để gửi dữ liệu trong jquery.post tới bộ điều khiển mvc sử dụng tham số ViewModel?

Question

Tôi đang viết đơn đăng ký với asp.net mvc. Tôi có bộ điều khiển với hành động, sử dụng một số ViewModel làm tham số. Cách gửi dữ liệu biểu mẫu với bài đăng jquery tới bộ điều khiển mvc đó.

Answer 1

$.post("Yourcontroller/YourAction", { FirstName : $("#txtFirstName").val(), LastName : $("#txtLastName") } ,function(data){ 
    //do whatever with the response 

}); 

bạn tên ViewModel tài sản và Parameter chúng tôi đang đi qua nên giống nhau. Ví dụ: mô hình quan điểm của bạn nên có 2 thuộc tính gọi là FirstName và LastName như mình

public class PersonViewModel 
{ 
    public string FirstName { set;get;} 
    public string LastName { set;get;} 
    // other properties 

} 

Và phương pháp action Gửi nên chấp nhận một tham số kiểu PersonViewModel

[HttpPost] 
public ActionResult YourAction(PersonViewModel model) 
{ 
    //Now check model.FirstName 
} 

Ngoài ra, Nếu xem bạn đang gõ mạnh lên PersonViewModel, bạn có thể chỉ cần gửi biểu mẫu được tuần tự hóa đến phương thức hành động bằng cách sử dụng phương thức jQuery serialize

$.post("Yourcontroller/YourAction", $("#formId").serialize() ,function(data){ 
    //do whatever with the response 

}); 

CHỈNH SỬA: Theo nhận xét

Serialize cũng sẽ quản lý thuộc tính con. Giả sử bạn có một lớp gọi là nghề như thế này

public class Profession 
{ 
    public string ProfessionName { set; get; } 
} 

Và PersonViewModel của bạn có một loại tài sản của Profession

public class PersonViewModel 
{ 
    //other properties 
    public Profession Profession { set; get; } 
    public PersonViewModel() 
    { 
     if (Profession == null) 
      Profession = new Profession(); 
    } 
} 

Bạn sẽ nhận được những dữ liệu này trong bạn HttpPost phương pháp hành động, nếu bạn điền vào đó khỏi tầm nhìn của bạn .

Answer 2

var myData = { 
       Parameter1: $("#someElementId").val(), 
       Parameter2: $("#anotherElementId").val(), 
       ListParameter: { /* Define IEnumerable collections as json array as well */} 
       // more params here 
      } 
$.ajax({ 
    url: 'someUrl', 
    type: 'POST', 
    dataType: "json", 
    contentType: 'application/json', 
    data: JSON.stringify(myData) 
}); 


[HttpPost] 
public JsonResult Create(CustomViewModel vm) 
{ 
    // You can access your ViewModel like a non-ajax call here. 
    var passedValue = vm.Parameter1; 
} 

Bạn cũng có thể tuần tự hóa toàn bộ biểu mẫu và chuyển nó sang phương thức hành động của bộ điều khiển. Trong bạn ajax gọi:

data: $('form').serialize()