Question

我正在使用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”是我的部分视图，它是强类型的。

首页我很清楚，谢谢^^

Answer 1

以下是错误的：

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" })

Answer 2

你应该只能返回一个视图而不是partialview并试试这个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-partial-views.html

使用$ .ajax获取局部视图

2 个答案: