MVC 3 - jquery Datenschlüssel Wertpaar $ .ajax mit JSON führt zu 500 internen Fehler - wie mache ich das?

Question

Edit: Ich habe die Lösung bekommen habe und es ein bisschen mehr am Ende der

Mit Post beschrieben: MVC 3, C#

Problem: Ein Schlüssel/Wert-obj-Array-Controller gesendet über $ .post/$ ajax Ergebnisse in einem 500-internen Serverfehler in der Steuerung (da der Wert die Methode in den C# Controller übergeben ist null)

ich habe ein Array, das in dem Format ist:.

{ 
    "q_1": { 
    "qid": "1", 
    "tmr": 0 
    }, 
    "q_2": { 
    "qid": "2", 
    "tmr": 0 
    } 
} 

Ich bekomme dies über $ ("# myid"). Data() - und das ist alles in Ordnung.

Ich muss das mein Controller senden, und versucht, beide Pfosten und .ajax $

var d = $("#q_data").data(); 
$.post("/run/submit", d, function(data) { alert(data);}, "application/json"); 

und

$.ajax({ 
      url: '/run/submit', 
      data: d, 
      contentType: 'application/json', 
      dataType: 'json', 
      success: function (data) { alert(data); } 
      }); 

Verfahren auf der C# Seite ist

public ActionResult Submit(List<PerfObj> dict) 
{ 
     int x = dict.Count; 
     return PartialView("_DummyPartial"); 
} 

Wo PerfObj ist mein Modell

public class PerfObj 
{ 
    public string id { get; set; } 
    Perfvar perfVar; 
} 

public class PerfVar 
{ 
    public string qid { get; set; } 

    /* note I've tried both int and string for the tmr param */ 
    public string tmr { get; set; } 
} 

Wenn ich dies ausfühle, geht der Aufruf korrekt zum Controller - d. H. Er trifft die Methode submit. Der Methodenparameter dict, in

List<PerfObj> dict 

ist Null.

Warum? Es scheint etwas mit meinem Modell zu sein, kann nicht herausfinden, wie man es sonst noch entwerfen könnte, also extrahiert es die Werte korrekt zu dem Methodenparameter.

Wenn ich das JSON.Stringify auf der Konsole drucke, zeigt es das Schlüssel/Wert-Paar richtig an, also denke ich, dass es korrekt zum Server geht, aber der Server/MVC3 mag es aus irgendeinem Grund nicht oder kann t es der Liste der PerfObjs zuordnen.

EDIT: Lösung

Maciej Antwort auf meinen Beitrag war, wie ich es gelöst. Was ich tat, war schließlich ein Arrays von perfObj auf der Client-Seite

$("#q_data").data(e,{key: e, perfVar: { qid: e, tmr: 0 }}) 

zu erstellen (ps - ignorieren redundante Verwendung von ‚e‘, habe ich andere Pläne hat, ist dies ein Dummy-Fall)

und dann habe ich es auf eine JSON freundliche Array abgebildet

var arr = []; 

$.each($('#q_data').data(), function (i, e) { 
    var p = $(this).data(i); 
    var obj = { key: i, perfVar: { id: e.perfVar.qid, tmr: e.perfVar.tmr}}; 
    arr.push(obj); 
}); 

Zeichenfolge es dann

var q = JSON.stringify(arr); 

.ajax'd $ i t wie in Maciejs Beitrag beschrieben.

ich richtig meine Klassen neu definiert

public class PerfObj 
{ 
    public string key { get; set; } 
    public PerfVar perfVar { get; set; } 
} 

public class PerfVar 
{ 
    public string id { get; set; } 
    public int tmr { get; set; } 
} 

und änderte die Signatur meiner Controller-Methode

[HttpPost] 
    public ActionResult Submit(PerfObj[] dict) 
    { 
     return PartialView("_DummyPartial"); 
    } 

Das jetzt perfekt funktioniert und ich kann meine Klassen ziemlich leicht zu tun verlängern, was ich will.

Danke euch allen!

Answer 1

Es gibt 3 Dinge falsch mit Ihrem Code:

A. Die Eigenschaft PerfVar öffentlich gemacht werden muss, und es muss eine get und setzen auf sie sein:

public class PerfObj { Öffentlichkeit Zeichenfolge id {get; einstellen; } public Perfvar perfVar {erhalten; einstellen; } }

B. Ihre JSON-Darstellung der Liste ist falsch. Es sollte sein:

var e = [ 
       { "id": "foo", "perfVar": { "qid": "a", "tmr": "b"}}, 
       { "id": "foo", "perfVar": { "qid": "a", "tmr": "b"}} 
      ]; 

C. Sie haben die Array stringify und Typ angeben: 'POST' es zu einem MVC-Controller über Ajax weitergeben müssen:

$.ajax({ 
       url: '/run/submit', 
       data: JSON.stringify(e), 
       contentType: 'application/json, charset=utf-8', 
       dataType: 'json', 
       type: 'POST', 
       success: function (data) { alert(data); } 
      }); 

Answer 2

Sie können nicht direkt ein Schlüssel/Wert-Paar zu einer flachen Sequenz zuordnen. MVC hat keine Ahnung, wie das geht.

Sie benötigen entweder benutzerdefinierte Modellbinder, oder eine bessere/einfachere Option wäre zu ändern, wie Sie die JSON auf der Clientseite erstellen, so dass es tatsächlich zu Ihrem Modell entspricht.

Etwas wie folgt aus:

var perfObjs = 
{ 
    { id: 1, perfVar: { qId: 1, tmr: 0 }}, 
    { id: 2, perfVar: { qId: 2, tmr: 0 }}, 
} 
$.post("/run/submit", perfObjs, function(data) { alert(data);}, "application/json"); 

Answer 3

Da der Controller die json Wert als Liste nicht erkennt.

Warum nicht einfach die rohe Zeichenfolge an Ihren Controller übergeben und lassen Sie Ihren Controller die JSON-Zeichenfolge in Objekt konvertieren? das wird viel einfacher sein.