MVC и JQuery поиск данных

Question

Я использую mvc и jQuery и пытаюсь отобразить чей-то профиль с некоторыми дополнительными учреждениями, к которым принадлежит этот человек. Я новичок в этом, но я сделал что-то вроде этого в ProfileControler:

public ActionResult Institutions(int id)
    {
       var inst = fr.getInstitutions(id);
        return Json(inst);
    }

getInstitutions (id) возвращает объекты учреждения (с именем, городом, почтовым индексом и т. Д.) Затем в определенном представлении я пытаюсь получить данные с помощью jQuery и отобразить их следующим образом:

$(document).ready(function () {
        $.post("/Profile/Institutions", { id: <%= Model.Profile.userProfileID %> }, function (data) {
            $.each(data, function () {

                var new_div = $("<div>");

                var new_label = $("<label>");
                new_label.html(this.City);

                var new_input_b = $("<input>");
                new_input_b.attr("type", "button");

                new_div.append(new_label);
                new_div.append(new_input_b);

                $("#institutions").append(new_div);
            });
        });
    });

$ ("# institute") - это div, в котором я хочу отобразить все результаты. .post работает правильно, потому что некоторые учреждения извлекаются из базы данных и передаются в представление как результат Json. Но тогда я боюсь, что это не будет повторяться с .each.

Любая помощь, комментарии или указания в каком-либо направлении будут очень ценными

Answer 1

Приведенный выше код будет работать, если вы установите для dataType значение JSON :

$(document).ready(function () {
        $.post("/Profile/Institutions",
        { id: <%= Model.Profile.userProfileID %> }, 
        function (data) {
            $.each(data, function () {

                var new_div = $("<div>");

                var new_label = $("<label>");
                new_label.html(this.City);

                var new_input_b = $("<input>");
                new_input_b.attr("type", "button");

                new_div.append(new_label);
                new_div.append(new_input_b);

                $("#institutions").append(new_div);
            });
        },
        "json");
    });