Làm thế nào tôi có thể gửi một mảng chuỗi để ASP.NET MVC Controller mà không có một hình thức?

Question

Tôi đang tạo một ứng dụng nhỏ để tự dạy mình ASP.NET MVC và JQuery, và một trong các trang là danh sách các mục mà một số có thể được chọn. Sau đó, tôi muốn nhấn một nút và gửi một danh sách (hoặc một cái gì đó tương đương) để điều khiển của tôi có chứa các id của các mục đã được chọn, sử dụng chức năng Post của JQuery.

Tôi đã quản lý để có được một mảng với các id của các yếu tố đã được chọn, và bây giờ tôi muốn đăng bài đó. Một cách tôi có thể làm điều này là để có một hình thức giả trong trang của tôi, với một giá trị ẩn, và sau đó thiết lập giá trị ẩn với các mục đã chọn, và gửi biểu mẫu đó; điều này có vẻ hơi giòn.

Có cách nào sạch hơn để đạt được điều này, bằng cách gửi mảng trực tiếp đến bộ điều khiển? Tôi đã thử một vài điều khác nhau nhưng có vẻ như bộ điều khiển không thể ánh xạ dữ liệu mà nó nhận được. Dưới đây là đoạn mã cho đến nay:

function generateList(selectedValues) { 
    var s = { 
     values: selectedValues //selectedValues is an array of string 
    }; 
    $.post("/Home/GenerateList", $.toJSON(s), function() { alert("back") }, "json"); 
} 

Và rồi điều khiển của tôi trông như thế này

public ActionResult GenerateList(List<string> values) 
{ 
    //do something 
} 

Tất cả tôi quản lý để có được một "null" trong tham số điều khiển ...

lời khuyên Bất kỳ ?

Answer 1

Tôi đã sửa đổi phản hồi của mình để bao gồm mã cho ứng dụng thử nghiệm mà tôi đã thực hiện.

Cập nhật: Tôi đã cập nhật jQuery để đặt cài đặt 'truyền thống' thành true nên điều này sẽ hoạt động trở lại (theo câu trả lời của @DustinDavis).

Đầu tiên javascript:

function test() 
{ 
    var stringArray = new Array(); 
    stringArray[0] = "item1"; 
    stringArray[1] = "item2"; 
    stringArray[2] = "item3"; 
    var postData = { values: stringArray }; 

    $.ajax({ 
     type: "POST", 
     url: "/Home/SaveList", 
     data: postData, 
     success: function(data){ 
      alert(data.Result); 
     }, 
     dataType: "json", 
     traditional: true 
    }); 
} 

Và đây là mã trong lớp điều khiển của tôi:

public JsonResult SaveList(List<String> values) 
{ 
    return Json(new { Result = String.Format("Fist item in list: '{0}'", values[0]) }); 
} 

Khi tôi gọi đó là chức năng javascript, tôi nhận được một cảnh báo nói rằng "mục đầu tiên trong danh sách: 'Mục 1'". Hi vọng điêu nay co ich!

Answer 2

Không đăng dữ liệu dưới dạng mảng. To bind to a list, the key/value pairs should be submitted with the same value for each key.

Bạn không cần biểu mẫu để thực hiện việc này. Bạn chỉ cần một danh sách các cặp khóa/giá trị mà bạn có thể bao gồm trong lệnh gọi tới $ .post.

Answer 3

FYI: JQuery đã thay đổi cách họ sắp xếp dữ liệu bài đăng.

http://forum.jquery.com/topic/nested-param-serialization

Bạn phải thiết lập cài đặt 'truyền thống' true, khác khôn ngoan

{ Values : ["1", "2", "3"] } 

sẽ đi ra như

Values[]=1&Values[]=2&Values[]=3 

thay vì

Values=1&Values=2&Values=3 

Answer 4

Câu trả lời đã giúp tôi rất nhiều trong tình huống của tôi vì vậy cảm ơn vì điều đó. Tuy nhiên đối với những người tham khảo trong tương lai nên liên kết với một mô hình và sau đó xác thực. Bài đăng này từ Phil Haack mô tả điều này cho MVC 2.http://haacked.com/archive/2010/04/15/sending-json-to-an-asp-net-mvc-action-method-argument.aspx

Hy vọng điều này sẽ giúp ai đó.

Answer 5

Cảm ơn mọi người vì câu trả lời. Một giải pháp nhanh chóng sẽ được sử dụng jQuery.param phương pháp với truyền thống bộ tham số để đúng để chuyển đổi đối tượng JSON để chuỗi:

$.post("/your/url", $.param(yourJsonObject,true)); 

Answer 6

Như tôi đã thảo luận here,

nếu bạn muốn chuyển đối tượng JSON tùy chỉnh sang hành động MVC, sau đó bạn có thể sử dụng giải pháp này, nó hoạt động như một sự quyến rũ.

public string GetData() 
    { 
     // InputStream contains the JSON object you've sent 
     String jsonString = new StreamReader(this.Request.InputStream).ReadToEnd(); 

     // Deserialize it to a dictionary 
     var dic = 
      Newtonsoft.Json.JsonConvert.DeserializeObject<Dictionary<String, dynamic>>(jsonString); 

     string result = ""; 

     result += dic["firstname"] + dic["lastname"]; 

     // You can even cast your object to their original type because of 'dynamic' keyword 
     result += ", Age: " + (int)dic["age"]; 

     if ((bool)dic["married"]) 
      result += ", Married"; 


     return result; 
    } 

Lợi ích thực sự của giải pháp này là bạn không cần phải xác định lớp mới cho mỗi kết hợp đối số và bên cạnh đó, bạn có thể dễ dàng chuyển đối tượng của mình sang kiểu gốc.

và bạn có thể sử dụng một phương pháp helper như thế này để tạo điều kiện cho công việc của bạn

public static Dictionary<string, dynamic> GetDic(HttpRequestBase request) 
{ 
    String jsonString = new StreamReader(request.InputStream).ReadToEnd(); 
    return Newtonsoft.Json.JsonConvert.DeserializeObject<Dictionary<string, dynamic>>(jsonString); 
} 

Answer 7

Trong .NET4.5, MVC 5

Javascript:

đối tượng trong JS:

cơ chế đăng bài.

$('.button-green-large').click(function() { 
     $.ajax({ 
      url: 'Quote', 
      type: "POST", 
      dataType: "json", 
      data: JSON.stringify(document.selectedProduct), 
      contentType: 'application/json; charset=utf-8', 
     }); 
    }); 

C#

Đối tượng:

public class WillsQuoteViewModel 
{ 
    public string Product { get; set; } 

    public List<ClaimedFee> ClaimedFees { get; set; } 
} 

public partial class ClaimedFee //Generated by EF6 
{ 
    public long Id { get; set; } 
    public long JourneyId { get; set; } 
    public string Title { get; set; } 
    public decimal Net { get; set; } 
    public decimal Vat { get; set; } 
    public string Type { get; set; } 

    public virtual Journey Journey { get; set; } 
} 

Bộ điều khiển:

[AcceptVerbs(HttpVerbs.Post)] 
public ActionResult Quote(WillsQuoteViewModel data) 
{ 
.... 
} 

Object nhận:

Hy vọng điều này sẽ giúp bạn tiết kiệm thời gian.

Answer 8

Một thực hiện cũng đang làm việc với danh sách các đối tượng, không chỉ là chuỗi:

JS:

var postData = {}; 
postData[values] = selectedValues ; 

$.ajax({ 
    url: "/Home/SaveList", 
    type: "POST", 
    data: JSON.stringify(postData), 
    dataType: "json", 
    contentType: "application/json; charset=utf-8", 
    success: function(data){ 
     alert(data.Result); 
    } 
}); 

Giả sử rằng 'selectedValues' là mảng các đối tượng.

Trong bộ điều khiển, tham số là danh sách các Chế độ xem tương ứng.

public JsonResult SaveList(List<ViewModel> values) 
{  
    return Json(new { 
      Result = String.Format("Fist item in list: '{0}'", values[0].Name) 
    }); 
} 

Answer 9

Bạn có thể thiết lập thông số toàn cầu với

jQuery.ajaxSettings.traditional = true;