asp.net mvc3 retourner plusieurs json liste

Im asp.net mvc3 de code c# renvoie du json liste comme ceci:

return Json(new { name = UserNames, imageUrl = ImageUrls });

UserNames et ImageUrls sont à la fois List<string> types

Et c'est mon javascript

function StartSearch(text) {
    $.ajax({
        url: '/Shared/Search',
        type: 'POST',
        data: { SearchText: text },
        dataType: 'json',
        success: function (result) {
            $.each(result, function (i, item) {
                alert(result[i].name);
            });
        }
    });
}

Comment je peux obtenir les noms et les ImageUrls?

Grâce

InformationsquelleAutor Irakli Lekishvili | 2012-06-03

ajax asp.net-mvc-3 c#jquery

3

Ce qui indique la valeur de Name de chaque enregistrement de chaque liste.
```
$.each(result, function (i, item) {
    for (var x = 0; x < result.FirstList.length; x++) {
        alert(result.FirstList[x].Name);
        alert(result.SecondList[x].Name);
    }
});
```
Cela suppose que votre réponse Json si formé correctement. Comme ceci:
```
return Json(new { FirstList = results, SecondList = otherResults }, JsonRequestBehavior.AllowGet);
```
Mais comme une note de côté, je vois d'autres problèmes avec votre code que vous avez besoin de l'adresse
1. Vous êtes réellement de ne pas faire une POST, vous êtes à la recherche basée sur entrée. Changement POST à GET dans votre appel Ajax
2. Changer votre action retour à la ligne pour permettre de l'obtenir et assurez-vous que vous êtes de retour d'une JsonResult.
3. Des conventions de nommage pour C# paramètres de la méthode d'appel de Pascal-boîtier. L'utilisation d'une lettre minuscule pour le premier caractère
```
public JsonResult Search(string searchText) {
    ....
    return Json(new { name = UserNames, imageUrl = ImageUrls }, JsonRequestBehavior.AllowGet);
}
```
- Avez-vous vraiment besoin de le faire à l'intérieur de $.chaque? ne pourrais pas le "pour" de la déclaration de la directement à l'intérieur de la réussite? D'accord avec le changement de POSTE pour OBTENIR.
- Dans le .each méthode, i est chaque objet de la liste afin de l'appelant .each sur result itération porte uniquement sur le résultat, de sorte que le premier objet est le premier de la liste, l'objet suivant est le suivant de la liste. Donc, pour itérer sur les éléments de chaque liste, un second tour est nécessaire. Par exemple, dans mon test, .each(result, function(i, item( { alert[i]; } donne le nom de chaque liste, dans mon cas FirstList et SecondList.
- dans votre cas, vous ne faites pas n'importe quoi avec je ou de l'élément, de sorte que vous pouvez supprimer le $chacun, et seulement effectuer une itération à l'aide de la "pour", ma première réaction passée en résultat.nom - le nom est un tableau, donc $.chaque résultat.nom,... alert(item); devrait fonctionner
- Oui le vôtre fonctionne en ce qu'il itère sur la liste Nom, puis il contourne la imageUrl liste. Donc je suppose que c'est juste de la sémantique, soit vous appelez .each sur result.name puis un deuxième appel après que .each sur result.imageUrl ou vous l'appelez .each sur result et puis un innerloop sur les éléments de chaque liste
- Eh bien, c'est du Json donc, techniquement, de son une liste des dictionnaires, c'est une liste de résultats parce que l'OP est de retour 2 choses, une liste de noms, et une liste d'Url. Donc, comme je l'ai dit, dans mon test, .each sur résultat donne le nom de chaque objet retourné, le nom et l'imageUrls. Donc, pour itérer sur chaque liste vous appelez .each sur result.name puis un deuxième appel sur result.imageUrls. Je peux mettre à jour le GitHub du projet que je suis en essais avec si vous voulez vérifier
InformationsquelleAutor CD Smith
5

Accès nom comme une propriété du résultat de ce genre, result.name[i]

Essentiellement, le résultat va contenir le nom et imageUrl qui sont les deux tableaux, comme vous avez définies dans votre type anonyme, de sorte que votre code doit être modifié comme ceci pour afficher une alerte pour chaque nom dans la matrice de
```
function StartSearch(text) {
    $.ajax({
        url: '/Shared/Search',
        type: 'POST',
        data: { SearchText: text },
        dataType: 'json',
        success: function (result) {
            $.each(result.name, function (i, item) {
                alert(item);
           });
        }
    });
}
```
comme $each itère sur les éléments dans le nom du tableau, il va passer l'élément de la deuxième paramètre de votre retour d'appel, c'est à dire de l'élément.

donc
```
$.each(result.name, function (i, item) {
    alert(item);
});
```
ouvrira chaque nom.

Notes:

Vous pouvez modifier les propriétés de votre type anonyme pour refléter le fait qu'ils sont une collection:
```
return Json(new { UserNames = UserNames, ImageUrls = ImageUrls });
```
de cette façon, il aura plus de sens lorsque vous parcourez-les dans votre réussite fonction.

Comme AlfalfaStrange souligné, je n'ai pas de démontrer comment vous pouvez accéder à la fois à des tableaux. Ce qui m'a fait penser, quelle est la relation entre les noms d'utilisateur et l'url de l'image?

Est-ce une liste d'images pour un utilisateur? Peut-être que vous devriez considérer est la création d'un modèle spécifique pour cela. Par exemple, UserDisplayModel:
```
public class UserDisplayModel
{
    public string UserName {get;set;}
    public string ImageUrl {get;set;}
}
```
Dans votre contrôleur de retourner une liste de UserDisplayModels. Si c'est le cas, vous aurez à repenser pourquoi ils sont deux listes distinctes, en premier lieu. Peut-être ImageUrl devrait être un champ dans la table User.

Alors maintenant, quand vous êtes de retour d'une liste unique, par exemple
```
List<UserDisplayModel> users = //get users from db
return Json(new { Users = Users});
```
vous pouvez effectuer une itération entre eux en une seule fois dans le code js:
```
       $.each(result.Users, function (i, item) {
            alert(item.Name);
            alert(item.ImageUrl);
        });
```
- bravo pour la prévision d'un raffinement de l'OP. bien joué.
InformationsquelleAutor jflood.net

Vous devez vous connecter pour publier un commentaire.