Sende Liste / Array als Parameter mit jQuery getJson

Habe ich Folgendes, wo ich versuche zu senden Liste/array zu MVC-controller-Methode:

var id = [];
var inStock = [];

$table.find('tbody>tr').each(function() {
    id.push($(this).find('.id').text());
    inStock.push($(this).find('.stocked').attr('checked'));
});

var params = {};
params.ids = id;
params.stocked = inStock; 

$.getJSON('MyApp/UpdateStockList', params, function() {
    alert('finished');
});

in meinem Controller:

public JsonResult UpdateStockList(int[] ids, bool[] stocked) { }

beide Parameter null sind.

Beachten Sie, dass, wenn ich die params auf einzelne Elemente

params.ids = 1;
params.stocked = true; 

public JsonResult UpdateStockList(int ids, bool stocked) { }

dann funktioniert es ok, also ich glaube nicht, dass es ein routing-Problem.

InformationsquelleAutor der Frage fearofawhackplanet | 2010-09-09

  1. 39

    Versuchen Sie, die traditional Flagge:

    $.ajax({
    url: '/home/UpdateStockList',
    data: { ids: [1, 2, 3], stocked: [true, false] },
    traditional: true,
    success: function(result) {
        alert(result.status);
    }
});

    funktioniert gut mit:

    public ActionResult UpdateStockList(int[] ids, bool[] stocked)
{
    return Json(new { status = "OK" }, JsonRequestBehavior.AllowGet);
}

    InformationsquelleAutor der Antwort Darin Dimitrov

  2. 18

    Neben aufrufen .ajax() statt .getJSON() wie Darin vorgeschlagen wird, oder die Einstellung der globalen jQuery.ajaxSettings.traditional zu true als jrduncans schon sagt, kann man auch das Ergebnis des Aufrufs die jQuery - .param() - Funktion auf Ihre params Objekt:

    var id = [];
var inStock = [];

$table.find('tbody>tr').each(function() {
    id.push($(this).find('.id').text());
    inStock.push($(this).find('.stocked').attr('checked'));
});

var params = {};
params.ids = id;
params.stocked = inStock; 

$.getJSON('MyApp/UpdateStockList', $.param(params, true), function() {
    alert('finished');
});

    InformationsquelleAutor der Antwort hippietrail

  3. 6

    Leider, während es scheint, dass jquery bietet eine "traditionelle" flag zum Umschalten dieses Verhalten auf jQuery.ajax, es nicht auf jQuery.getJSON. Eine Möglichkeit, dies zu umgehen, wäre, setzen Sie das Kennzeichen weltweit:

    jQuery.ajaxSettings.traditionelle = true;

    Finden Sie in der Dokumentation für jQuery.param: http://api.jquery.com/jQuery.param/
    Siehe auch die release notes für diese änderung: http://jquery14.com/day-01/jquery-14 (Suche nach 'traditionellen')

    InformationsquelleAutor der Antwort jrduncans

  4. 0

    In der Ansicht erzeugen mehrere benannte Felder (nicht id als id sollte eindeutig sein pro Feld), unter Hinweis auf die Verwendung von Name nicht auf name:

    @foreach (var item in Model.SomeDictionary)
{
    @Html.TextBoxFor(modelItem => item.Value.SomeString, new { Name = "someString[]" })
}

    Dann rufen Sie die input-Feld-Werte mit jQuery, so:

    var myArrayValues = $('input[name="someString[]"]').map(function () { return $(this).val(); }).get();

    Können Sie diese direkt in jQuery /AJAX wie folgt:

    $.ajax({
    type: "POST",
    url: "/MyController/MyAction",
    dataType: 'json',
    data: {
        someStrings: $('input[name="someString[]"]').map(function () { return $(this).val(); }).get(),
        someDates: $('input[name="someDate[]"]').map(function () { return $(this).val(); }).get(),

    Dann in der controller-action im MVC:

    [HttpPost]
public JsonResult MyAction(string[] someStrings, DateTime[] someDates...

    InformationsquelleAutor der Antwort SharpC

Schreibe einen Kommentar