De retour JSON à partir de MVC via AJAX

J'ai été en utilisant un codage en dur objet JSON:

var resuts = [{id: 1, Code: "Code A"}, {id: 2, Code: "Code B"}]

Je suis puis en itérant cette objet appelant les éléments à l'index et de l'aide .longueur:

for (var i = 0; i < resuts.length; i++) {
            console.log('id:' + resuts[i].id +  ' | ' + 'Code:' + resuts[i].Code}

Maintenant, je veux tirer de ces données à partir du serveur j'ai donc créé un objet permettant de gérer les propriétés et ont cette méthode d'action:

public ActionResult GetResults()
{
string json = JsonConvert.SerializeObject(new
        {
            results = new List<Question>()
            {
                new Question { id = 1, Code = "Code A},
                new Question { id = 1, Code = "Code B}
            }
        });

        return Json(new { data = json }, JsonRequestBehavior.AllowGet);
}

Je suis l'appelant à cet AJAX:

function GetResultsJSON() {    
        $.ajax({        
            type: 'GET',        
            url: '/Home/GetResults/',
            dataType: 'json',  
            traditional: true,     
            success: function (data) {            
                results = data;
            },        
            error: function (data) {
                alert('Error.');
            }
        })
 };

Maintenant mes résultats d'objet contient:

"{" results ":[{" id ":1," Code ":" Code A "},{" id ":1," Code ":" Code B "}]}"

Maintenant, je reçois des erreurs JavaScript lors de l'utilisation de la longueur de la propriété ou d'appeler les articles par index. De ce que j'ai lu, je pense que mon dur d'origine codé de l'objet est un tableau, cependant, j'ai à travailler différemment avec le JSON renvoyé de mon contrôleur.

Quelqu'un peut-il conseiller à retourner le format de tableau que j'ai été à l'origine de travail avec le ou la meilleure façon de gérer le format JSON, il est retourné ici? J'ai essayé des choses comme 

$.each(data, function(i, obj) {
alert(obj.name);
});

mais cela renvoie undefined. Toute aide serait super.

InformationsquelleAutor StratMan | 2014-06-25
  1. 9
    public JsonResult TestAjax(int leagueId)
    {

         var results = new List<BaseballViewModel>()
        {
            new BaseballViewModel{ DivisionId = 1},
            new BaseballViewModel{ DivisionId = 2}
        }.ToList();

         return Json(results, JsonRequestBehavior.AllowGet);            
    }

$.ajax({
            url: "/Home/TestAjax",
            type: "GET",
            data: { leagueId: 5 },
            success: function (data) {

             //alert(JSON.stringify(data)); show entire object in JSON format
                $.each(data, function (i, obj) {
                    alert(obj.DivisionId);
                });
            }
        });
    • Merci, j'ai modifié mon contrôleur pour revenir une Liste<Question> qui retourne l'Objet { id=1 Code="Code"}', et me permet de réitérer la JS tableau à l'indice et .longueur etc. La création d'un IEnumerable semblait renvoyer une collection de chaque IEnumerable qui semblait changer le format de la JSON, je n'ai besoin que d'un.
    InformationsquelleAutor CSharper
  2. 0

    Au lieu de:

    $.each(data, function(i, obj) {
alert(obj.name);
});

    pourquoi n'essayez-vous pas:

    $.each(data.results, function(i, obj) {
    alert(obj.name);
});
    InformationsquelleAutor Vikram Deshmukh
  3. 0

    Si vous créez un Modèle de classe de cette façon :

    [Serializable()]
public class MyResponse
{
   public int Id {get; set;}
   public string Code {get; set;}

}

    Et que vous créez une liste de "MyResponse"

    Vous aurez juste à faire

    return Json(new { data = listOfMyResponse}, JsonRequestBehavior.AllowGet);
    • Peut-être que la liste ne sera pas sérialisable et vous aurez à utiliser une table de MyResponse
    InformationsquelleAutor Deblaton Jean-Philippe