使用$ .ajax获取局部视图

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