Làm cách nào tôi có thể đăng một mảng chuỗi lên ASP.NET MVC Controller mà không cần biểu mẫu?

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 những trang là danh sách các mục trong đó một số mục có thể được chọn. Sau đó, tôi muốn nhấn một nút và gửi Danh sách (hoặc một cái gì đó tương đương) đến bộ điều khiển của tôi có chứa id của các mục đã được chọn, sử dụng chức năng Đăng của JQuery.

Tôi quản lý để có được một mảng với id của các yếu tố đã được chọn, và bây giờ tôi muốn đăng nó. 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 mình, với một giá trị ẩn, sau đó đặt giá trị ẩn với các mục đã chọn và đăng biểu mẫu đó; Điều này có vẻ tồi tệ, mặc dù.

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 thứ 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. Đây là 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à sau đó, Trình đ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ả những gì tôi quản lý để có được là "null" trong tham số bộ điều khiển ...

Bất cứ lời khuyên?

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

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

Đầu tiên là 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 trình đ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 chức năng javascript đó, tôi nhận được thông báo "Mục đầu tiên trong danh sách: 'item1'". Hi vọng điêu nay co ich!

FYI: JQuery đã thay đổi cách họ tuần tự hóa dữ liệu bài đăng.

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

Bạn phải đặt cài đặt 'Truyền thống' thành đúng, khôn ngoan khác

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

sẽ đi ra như

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

thay vì

Values=1&Values=2&Values=3

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

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

Đừng đăng dữ liệu dưới dạng một mảng. Để liên kết với một danh sách, các cặp khóa / giá trị phải được gửi với cùng một giá trị cho mỗi khóa.

Bạn không cần một hình thức để làm điều 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ể đưa vào lệnh gọi đến $ .post.

Trong .NET4.5,MVC 5

Javascript:

đối tượng trong JS:

cơ chế nào đă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 #

Cá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; }
}

Điều khiển:

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

Đối tượng nhận được:

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

Một triển khai khác cũng đang làm việc với danh sách các đối tượng, không chỉ các 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 'Giá trị được chọn' là Mảng đối tượng.

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

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

Như tôi đã thảo luận ở đây ,

Nếu bạn muốn chuyển đối tượng JSON tùy chỉnh sang hành động MVC thì bạn có thể sử dụng giải pháp này, nó hoạt động như một nét 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 yêu cầu xác định một lớp mới cho mỗi kết hợp các đối số và bên cạnh đó, bạn có thể chuyển các đối tượng của mình thành các kiểu ban đầu của chúng một cách dễ dàng.

Bạn có thể sử dụng một phương thức trợ giúp như thế này để tạo thuận lợi 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);
}

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

jQuery.ajaxSettings.traditional = true;

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 để tham khảo trong tương lai mọi người nên liên kết với một mô hình và sau đó xác nhận. Bài đăng này từ Phil Haack mô tả điều này cho MVC 2. http://haacked.com/archive/2010/04/15/seinating-json-to-an-asp-net-mvc-action-method-argument.aspx

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