Come posso inviare un array di stringhe al controller MVC ASP.NET senza un modulo?

Sto creando una piccola app per insegnarmi ASP.NET MVC e JQuery e una delle pagine è un elenco di elementi in cui alcuni possono essere selezionati. Quindi vorrei premere un pulsante e inviare un Elenco (o qualcosa di equivalente) al mio controller contenente gli ID degli elementi che sono stati selezionati, usando la funzione Post di JQuery.

Sono riuscito a ottenere un array con gli ID degli elementi che sono stati selezionati, e ora voglio pubblicarlo. Un modo in cui ho potuto farlo è avere un modulo fittizio nella mia pagina, con un valore nascosto, quindi impostare il valore nascosto con gli elementi selezionati e pubblicare quel modulo; sembra però croccante.

Esiste un modo più pulito per raggiungere questo obiettivo, inviando l'array direttamente al controller? Ho provato alcune cose diverse ma sembra che il controller non sia in grado di mappare i dati che sta ricevendo. Ecco il codice finora:

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

E poi il mio controller appare così

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

Tutto quello che sono riuscito a ottenere è un "null" nel parametro controller ...

Qualche consiglio?

Ho modificato la mia risposta per includere il codice per un'app di test che ho fatto.

Aggiornamento: ho aggiornato jQuery per impostare l'impostazione "tradizionale" su true, in modo che funzioni nuovamente (per la risposta di @DustinDavis).

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

Ed ecco il codice nella mia classe di controller:

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

Quando chiamo quella funzione javascript, ricevo un avviso che dice "Primo elemento nell'elenco: 'item1'". Spero che questo ti aiuti!

Cordiali saluti: JQuery ha cambiato il modo in cui serializzano i dati dei post.

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

Devi settare l'impostazione "Tradizionale" su vero, altro saggio

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

verrà fuori come

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

invece di

Values=1&Values=2&Values=3

Grazie a tutti per le risposte. Un'altra soluzione rapida sarà quella di utilizzare il metodo jQuery.param con il parametro tradizionale impostato su true per convertire l'oggetto JSON in stringa:

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

Non pubblicare i dati come un array. Per associare un elenco, le coppie chiave / valore devono essere inviate con lo stesso valore per ogni chiave.

Non dovresti aver bisogno di un modulo per farlo. Hai solo bisogno di un elenco di coppie chiave / valore, che puoi includere nella chiamata a $ .post.

In .NET4.5,MVC 5

Javascript:

oggetto in JS:

meccanismo che pubblica.

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

C #

Oggetti:

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

controller:

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

Oggetto ricevuto:

Spero che questo ti faccia risparmiare un po 'di tempo.

Un'altra implementazione che funziona anche con un elenco di oggetti, non solo stringhe:

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

Supponendo che 'selectedValues' sia Array of Objects.

Nel controller il parametro è un elenco di ViewModels corrispondenti.

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

Come ho discusso qui ,

se si desidera passare l'oggetto JSON personalizzato all'azione MVC, è possibile utilizzare questa soluzione, funziona come un incantesimo.

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

Il vero vantaggio di questa soluzione è che non è necessario definire una nuova classe per ogni combinazione di argomenti e, a parte ciò, è possibile trasmettere facilmente i propri oggetti ai loro tipi originali.

Puoi utilizzare un metodo di supporto come questo per facilitare il tuo lavoro:

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

È possibile impostare i parametri globali con

jQuery.ajaxSettings.traditional = true;

La risposta mi ha aiutato molto nella mia situazione, quindi grazie per quello. Tuttavia, per riferimento futuro le persone dovrebbero legarsi a un modello e quindi validare. Questo post di Phil Haack lo descrive per MVC 2. http://haacked.com/archive/2010/04/15/sending-json-to-an-asp-net-mvc-action-method-argument.aspx

Spero che questo aiuti qualcuno.