Як я можу розмістити масив рядків на контролері ASP.NET MVC без форми?

Я створюю невеликий додаток, щоб навчити себе ASP.NET MVC та JQuery, і одна зі сторінок - це список елементів, в яких можна вибрати деякі. Тоді я хотів би натиснути кнопку і надіслати список (або щось еквівалентне) моєму контролеру, що містить ідентифікатори вибраних елементів, використовуючи функцію Post JQuery.

Мені вдалося отримати масив з ідентифікаторами вибраних елементів, і тепер я хочу це опублікувати. Один із способів, що я міг би зробити це, - це мати форму манекена на своїй сторінці із прихованим значенням, а потім встановити приховане значення з вибраними елементами та опублікувати цю форму; це виглядає суворо.

Чи є більш чіткий спосіб досягти цього, направляючи масив безпосередньо на контролер? Я спробував кілька різних речей, але схоже, що контролер не може відобразити отримані дані. Ось код поки що:

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

І тоді мій контролер виглядає так

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

Все, що мені вдалося отримати, це "нуль" у параметрі контролера ...

Якісь поради?

Я змінив свою відповідь, щоб включити код для тестового додатка, який я зробив.

Оновлення: я оновив jQuery, щоб встановити "традиційне" значення true, щоб це спрацювало знову (за відповідь @DustinDavis).

Спочатку 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
    });
}

А ось код у моєму класі контролера:

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

Коли я закликаю цю функцію javascript, я отримую попередження про те, що "Перший елемент у списку: 'item1'". Сподіваюся, це допомагає!

FYI: JQuery змінив спосіб серіалізації публікацій.

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

Ви повинні встановити "Традиційне" налаштування на істинне, інше

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

вийде як

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

замість

Values=1&Values=2&Values=3

Дякую всім за відповіді. Іншим швидким рішенням буде використання методу jQuery.param з традиційним параметром, встановленим у true, для перетворення об'єкта JSON у рядок:

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

Не публікуйте дані як масив. Для прив’язки до списку пари ключ / значення повинні бути подані з однаковим значенням для кожного ключа.

Вам не потрібна форма для цього. Вам просто потрібен список пар ключів / значень, який ви можете включити у виклик до $ .post.

В .NET4.5,MVC 5

Javascript:

об'єкт в JS:

механізм, який виконує пост.

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

C #

Об'єкти:

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

Контролер:

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

Об’єкт отримано:

Сподіваюсь, це заощадить певний час.

Ще одна реалізація, яка також працює зі списком об'єктів, а не лише рядками:

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);
    }
});

Якщо припустити, що "selectedValues" - це масив об'єктів.

У контролері параметр - це список відповідних ViewModels.

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

Як я обговорював тут ,

якщо ви хочете передати користувальницький об’єкт JSON для дії MVC, тоді ви можете використовувати це рішення, воно працює як шарм.

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

Справжня перевага цього рішення полягає в тому, що вам не потрібно визначати новий клас для кожної комбінації аргументів, а крім цього, ви можете легко передавати об'єкти їх оригінальним типам.

Ви можете скористатися таким допоміжним методом, щоб полегшити роботу:

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

Ви можете встановити глобальний параметр за допомогою

jQuery.ajaxSettings.traditional = true;

Відповідь мені дуже допомогла в моїй ситуації, тому дякую за це. Однак для майбутніх довідок люди повинні прив’язатись до моделі і потім затвердити. Цей пост від Філа Хака описує це для MVC 2. http://haacked.com/archive/2010/04/15/sending-json-to-an-asp-net-mvc-action-method-argument.aspx

Сподіваюся, що це комусь допоможе.