在另一个局部视图中渲染局部视图以及使用 jQuery .Ajax 函数的数据模型答案

【问题标题】：Rendar partial view in another partial view along with data model using jQuery .Ajax function在另一个局部视图中渲染局部视图以及使用 jQuery .Ajax 函数的数据模型
【发布时间】：2015-08-07 01:08:44
【问题描述】：

我正在开发 MVC 5 应用程序，我想使用 jQuery ajax 函数在另一个带有模型数据的局部视图中呈现局部视图。当调用 javaScript 函数时，它假设将所选元素的 ID 发送回工作正常的控制器，并作为回报带来部分视图以及从以下代码中无法正常工作的模型

<td>
   <a href="#" class="SearchUser_Icon Hyperlink_Text" onclick="load_getUserListByGroupID(this)" id=@item.GroupID></a>
</td>

JavaScript 函数

function load_getUserListByGroupID(element)
{
    var selectedGroupID = element.id;

    alert(selectedGroupID);

    $.ajax({
        type: "POST",
        url: "/UserManagement/SearchUsersByGroupID/",
        dataType: "json",
        data: { 'GroupID': selectedGroupID },
        success: function (viewHTML) {
            alert("success");
            $("#userContentBlock").html(viewHTML);
        },
        error: function (errorData) { onError(errorData); }
    }).done(function (result) {
        alert("done!");
    });
}

<div id="userContentBlock"></div>

控制器方法

[HttpPost]
    public ActionResult SearchUsersByGroupID(string GroupID)
    {

        int intID = Convert.ToInt32(GroupID);

        var UsersListByGroupID = _userServices.GetUsersByGroupID(intID);

        return PartialView("GetUsersListByGroup_Partial", UsersListByGroupID );
    }

【问题讨论】：

标签： ajax asp.net-mvc asp.net-mvc-partialview jquery-ajaxq

【解决方案1】：

您在 ajax 调用中期望 JSON 时返回 HTML。只需从设置中删除dataType: "json"，一切都会按预期工作。

jQuery.ajax() dataType:

您期望从服务器返回的数据类型。如果没有指定，jQuery 将尝试根据响应的 MIME 类型推断它。

【讨论】：