Ajax post per regolatore ASP.net MVC - proprietà degli oggetti sono nulli

Question

Ho un messaggio ajax in fase di costruzione in questo modo:

var myData = [ 
    { 
     id: "a", 
     name: "Name 1" 
    }, 
    { 
     id: "b", 
     name: "Name 2" 
    } 
]; 

$.ajax({ 
    type: 'POST', 
    url: '/myurl/myAction', 
    data: { items: myData }, 
    dataType: 'json', 
    error: function (err) { 
     alert("error - " + err); 
    } 
}); 

E un controller MVC:

[HttpPost] 
public JsonResult MyAction(MyClass[] items) 
{ 

} 

MyClass è solo una semplice rappresentazione dei dati:

public class MyClass { 
    public string Name {get; set; } 
    public string Id {get; set; } 
} 

Quando il JavaScript rende la richiesta pOST, l'azione di controllo fare in effetti ricevono 2 voci, tuttavia le proprietà (id, nome) in questi elementi sono nulle.

Controllo della richiesta violinista, il corpo si presenta così:

Name     | Value 
items[0][Name]  | Name 1 
items[0][Id]   | a 
items[1][Name]  | Name 2 
items[1][Id]   | b 

Ho perso qualcosa?

Answer 1

Ho perso qualcosa?

Sì, dare un'occhiata allo following article per capire il formato di filo corretto che il raccoglitore modello predefinito si aspetta per le raccolte di rilegatura. In altre parole, per questo lavoro, invece di:

items[0][Name]  | Name 1 
items[0][Id]   | a 
items[1][Name]  | Name 2 
items[1][Id]   | b 

vostro carico utile dovrebbe dovuto essere così:

items[0].Name  | Name 1 
items[0].Id   | a 
items[1].Name  | Name 2 
items[1].Id   | b 

Purtroppo con jQuery può essere molto frustrante per raggiungere questo payload. Per questo motivo mi sento di raccomandare di utilizzare un carico utile JSON, se si desidera inviare oggetti complessi/matrici al server con AJAX:

$.ajax({ 
    type: 'POST', 
    url: '/myurl/myAction', 
    data: JSON.stringify({ items: myData }), 
    contentType: 'application/json', 
    error: function (err) { 
     alert("error - " + err); 
    } 
}); 

cose da notare:

• data: JSON.stringify({ items: myData }) invece di data: { items: myData }
• Aggiunto contentType: 'application/json'
• deciso di eliminare dataType: 'json'

Ora il vostro carico utile si presenta così:

{"items":[{"id":"a","name":"Name 1"},{"id":"b","name":"Name 2"}]} 

Answer 2

è possibile utilizzare questo codice per risolvere il problema:

$.ajax({ 
    url: '/myurl/myAction', 
    data: { '': items }, 
    method: "POST", 
    dataType: 'json', 
    success: function (xhr, status, response) { 
    }, 
    error: function (xhr, status, response) { 
    } 
}); 

[HttpPost] 
public JsonResult MyAction(IEnumerable<MyClass> items) 
{ 

}