Afficher JsonResult dans une view

Version imprimable

Bonjour à tous
Voici mon problème ...
Je voudrais afficher le résultat de mon retour Json dans une vue

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
 public JsonResult _getParking(string locality,string country)
        {
            var results = from lp in db.Parking
                          where lp.locality == locality && lp.country == country
                          select new ParkingViewModel()
                          {
                              DescriptionParking = lp.DescriptionParking,
                              Nom = lp.Nom,
                              IdParking = lp.IdParking
                          };
 
 
            return Json(results.ToList(),JsonRequestBehavior.AllowGet);
        }

Voilà je ne sais pas comment "parser" le résultat afin de l'afficher correctement, j'ai effectué des recherches, je suis arrivé à ceci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
 
<div id="Parkings">
 
</div>
@section scripts
{
 
    <script type="text/javascript">
    $(document).ready(function () {
            getParking();
 
        });
 
    function getParking() {
            $.ajax({
                type: "GET",
                url: '@Url.Action("_getParking", "Recherche")',
 
                dataType: "json",
                success: function (data) {
                    var value = "";
                    $.each(data, function (i, item) {
 
                            value += "<div class='col-md-3'>";
 
                        value += "<h3>";
                        value += item.DescriptionParking;
                        value += "</h3>";
                        value += item.Nom;
                        value += "</br>";
                        //value += "<button id='" + menu.Id + "' type='button' class='menu btn-link' >Plus d'info</button>+";
                        //value += "<a href='Home/Menu/" + item.IdParking + " 'class='menu btn-link'  >Plus d'info</a>+";
                        value += "</div>";
 
 
                    });
                    $('#Parkings').html(value);
                },
                error: function (error) {
                    alert('Not possible');
                }
            });
        }
 
 
 
    </script>
}

L'erreur , je pense , est que je ne passe pas les informations passer en GET à ma méthode ???
Car en utilisant un break point, les valeurs passées sont null
J'ai beau chercher je n'ai pas trouvé comment le faire
Merci

Après recherche je suis arrivé à afficher le résultat de ma requête mais pas correctement

Code:

1
2
 
[{"IdParking":27,"DescriptionParking":"Situé Rue du Plan Incliné à Liège, ce parking est à deux pas de la Gare des Guillemins. Emplacement idéal pour les navetteurs quotidiens et pour les ...","Nom":"parking liege guillemins","route":null,"postal_code":null,"locality":null,"administrative_area_level_1":null,"country":null,"street_number":null,"File":null}]

J'aimerais la formater en Html

Bonjour,
peut être n'obtiens tu pas ce que tu attends, dans ce cas c'est du coté serveur qu'il te faut regarder.

Sinon tu peux tester en mettant la réponse et la fonction dans une page HML, sans compter l'apport de la console ( F12).

Ton code à tester suivant la réponse fournie

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
var data = [
    {
        'IdParking': 27,
        'DescriptionParking': 'Situé Rue du Plan Incliné à Liège, ce parking est à deux pas de la Gare des Guillemins. Emplacement idéal pour les navetteurs quotidiens et pour les ...',
        'Nom': 'parking liege guillemins',
        'route': null,
        'postal_code': null,
        'locality': null,
        'administrative_area_level_1': null,
        'country': null,
        'street_number': null,
        'File': null
    }
];
var value = '';
$.each(data, function (i, item) {
    value += '<div class=\'col-md-3\'>';
    value += '<h3>';
    value += item.DescriptionParking;
    value += '</h3>';
    value += item.Nom;
    value += '</br>';
    value += '</div>';
});
$('#Parkings').html(value);