Использование $ .ajax для частичного просмотра - PullRequest
Новая
       9

Использование $ .ajax для частичного просмотра

5 голосов
/ 17 января 2012

Я использую ASP.NET MVC 3 для создания приложения, но у меня возникла проблема при попытке получить частичное представление;Вот мой код

Вид: 

@{while (Model.Read())
{
    <ul class="tabs">
        <li id="general" class="active">Informations générals</li>
        <li id="contact">Contacts</li>
    </ul>

    <div id="contentDetail">
        <div><b>Description :</b> @Model["Description"]</div>
        <div><b>Activity :</b> @Model["Activity"]</div>
    </div>

    <script type="text/javascript">

        $("#contact").click(function () {
            $.ajax({
                url: '@Url.Content("~/Company/Contacts/")',
                type: 'get',
                data: JSON.stringify('@Model["Id"]'),
                datatype: 'json',
                contentType: 'application/json; charset=utf-8',
                success: function (data) {
                    $('#contentDetail').replaceWith(data);
                    },
                error: function (request, status, err) {
                    alert(status);
                    alert(err);
                    }
            });
        });
    </script>
}

}

Контроллер: 

public ActionResult Contacts(int id)
    {
        return PartialView("_Contacts", getContactDetails(id));
    }

"_ Contacts" - это мое частичное представление, оно сильнонабрал.

Дома мне было ясно, спасибо ^^

Ответы [ 2 ]

4 голосов
/ 17 января 2012

неверно следующее: 

data: JSON.stringify('@Model["Id"]')

Замените его реальным объектом JSON: 

data: JSON.stringify(@(Html.Raw(Json.Encode(new { id = Model["Id"] }))))

или с: 

data: JSON.stringify({ id: "@Model["Id"]" })

, который при визуализации в окончательной разметке будет выглядеть так: 

data: JSON.stringify({ id: "123" })
1 голос
/ 17 января 2012

Вы должны просто иметь возможность вернуть представление, а не частичное представление, и попробуйте это js 

var model = { id:"@Model["Id"]" };
 $.post("~/Company/Contacts/,
   model,
   function (data) {
      $('#contentDetail').replaceWith(data);
   });

. Здесь есть запись в блоге с примером кода http://bob -the-janitor.blogspot.com / 2011/11 / more-ajax-with-mvc-using-частичный-views.html

...