MVC-3 AJAX Post, eine Liste mit Objekten gefüllt, aber Objekte, Eigenschaften sind Leer

Ich habe Folgendes problem:

Auf eine Schaltfläche-Klicken Sie auf ich nach ein paar Daten auf dem server.
Mein Action sieht so aus:

public ActionResult Accept(List<MyViewModel> entries)
{
    //here entries HAS 2 MyViewModel-Instances in it.
    //The entries are not null, but the values of the instances are!
    //entries[0].ParamA is null
}

Wo die MyViewModel sieht wie folgt aus:

public class MyViewModel
{
    public string ParamA { get; set; }
    public string ParamB { get; set; }
}

Und den AJAX-Aufruf ist der folgende:

var myEntries = { entries: [{ ParamA: "A", ParamB: "B" }, { ParamA: "C", ParamB: "D" }] };

$.ajax({
    type: 'POST',
    url: url,
    cache: false,
    data: myEntries,
    dataType: 'text' });

Was ich schon versucht, das zu tun:

  • Geändert Datentyp 'json'
  • verwendet: traditionelle: true
  • versuchte var myEntries = JSON.stringify(...);
  • versuchte var myEntries = { entries : [JSON.stringify({ ... }), JSON.stringify({ ... })] };
  • gleiche wie oben, aber mit jQuery.param(..., true);
  • Verwendung von IEnumerable oder MyViewModel[] anstelle der Liste.
  • Eine BELIEBIGE Kombination der oben

Was mache ich hier falsch?

Danke Ihnen sehr im Voraus für die Hilfe!

BEARBEITEN

Meine (Razor)Sicht nicht von Interesse ist, in diesem moment, wie es hat nichts damit zu tun. Ich bin NICHT mit HTML.TextBoxFor (oder ähnliche) Methoden zum füllen der myEntries-Variable. Es ist tatsächlich gefüllt dynamisch (weil es gibt viele, viele Auflagen).
Zum Wohle der Frage (und meine eigenen Tests), die ich hart codiert die variable. 🙂

  • Können Sie post-code Ihrer (Razor)anzeigen?
  • Meine Ansicht hat nichts Interessantes. Ich clearified es in meiner Frage. Siehe den EDIT-Abschnitt
  • Ich habe die Antwort! Ich poste sobald ich kann (warten 8 Stunden...)
  • Was ist die Antwort? 🙂
  • Siehe meine Antwort unten. (Kann ich markieren Sie es als angenommen, morgen ;))
InformationsquelleAutor Shion | 2012-04-11
  1. 12

    Mit der Antwort und die Nutzung von JSON.stringify Methode klappt es bei mir

    var myEntries = { entries: [{ ParamA: "A", ParamB: "B" }, 
                            { ParamA: "C", ParamB: "D" }] };

$.ajax({
        type: 'POST',
        url: '/{controller}/{action}',
        cache: false,
        data: JSON.stringify(myEntries),
        dataType: 'json', 
        contentType: 'application/json; charset=utf-8'
    });
    • Es scheint, dass ich vergaß zu sagen, dass ich verwendet JSON.stringify zu. Vielen Dank für den Hinweis.
    • Danke, ich hatte das gleiche problem, meine Liste wird aufgefüllt, aber alle Ihre Eigenschaften waren leer. Ich war mit $.Post(..) ich dachte, das wäre nur ein wrapper für $.ajax(type:'POST', ...), aber es muss einen Unterschied wie mit dem $.ajax-Beispiel oben funktioniert Super.
    • Ich möchte nur betonen, dass die Einrichtung der contentType auf 'application/json', ist entscheidend. In meinem Fall funktionierte es einfach nicht ohne diese!
    InformationsquelleAutor Andrew
  2. 5

    Bekam ich die Antwort!

    jQuery kann manchmal verwirrend sein.

    Datentyp der parameter ist, der angibt, was Sie wollen, um WIEDER vom server.
    contentType ist die paremeter, die angibt, welche Sie AN den server SENDEN.

    Also aus dem Beispiel oben funktioniert es, wenn Sie hinzufügen:

    contentType: 'application/json; charset=utf-8',

    in der AJAX-call.

    InformationsquelleAutor Shion
  3. 1

    Nur zur Ergänzung der Antwort, wie man erstellen Sie die Liste, wird die post zurück an den controller. Das ist, weil Sie nicht brauchen, um wickeln Sie den array mit den Namen der Liste. Es sieht hässlich aus und ist nicht beherrschbar über die eingebauten Funktionen. In diesem Beispiel ist hier, um zu zeigen, wie die post zurück, JSON, MVC verstehen und zu interpretieren, als eine Liste. (Aber selbst wenn das Array verpackt ist es noch funktioniert, aber das ist statische Inhalte und schwierig zu verwalten)

    Diesem Beispiel verwendet die jQuery sortable-plugin. Ich möchte die post die gesamte Liste Modell wieder mit der neuen Bestell-Indizes speichern in der Datenbank.

    update: function (event, ui) {

 img = { key: 0, order: 0, url: '' }; //Single image model on server
 imgs = new Array(); //An array to hold the image models.

 //Iterate through all the List Items and build my model based on the data.
 $('#UploaderThumbnails li').each(function (e) {
      img.key = $(this).data('key');  //Primary Key
      img.order = $(this).index();  //Order index
      imgs.push(img); //put into "list" array
 });

 //And what is in the answer - this works really great
 $.ajax({
     url: '/Image/UpdateOrder',
     data: JSON.stringify(imgs),
     type: 'POST',
     contentType: 'application/json; charset=utf-8'
  });

}

    Und mein MVC-controller ist so einfach wie ...

      [HttpPost]
  public ActionResult UpdateOrder(List<Models.Image> images)
  {
     //Images at this point is a proper C# List of Images! :) Easy!

      return Content("");
  }
    • Dieser arbeitete für mich. Und nur zu wiederholen, vergessen Sie nicht, dass application/json content-type!
    InformationsquelleAutor Piotr Kula
Schreibe einen Kommentar