无法将PartialView返回到jQuery.ajax调用

Question

背景:

我正在开发一个ASP.NET MVC应用程序,它在主页面上有3个部分(基于Razor引擎).第一部分具有用户填写的搜索条件列表.第二部分应该根据传入的数据显示ParameterParts列表.第三部分应该根据传入的数据显示规范列表.我需要在Controller中调用方法来填充我的第二和第三部分视图.

问题:

• 返回PartialView会导致ajax调用与错误条件匹配.
• 返回void与成功条件匹配,但是我没有填充参数的结果.
• 返回json匹配成功条件但是然后我的局部视图不呈现任何内容.
• 如果我可以将我的部分视图转换为字符串并将其作为json返回,那么事情似乎会有效(http://www.tugberkugurlu.com/archive/working-with-jquery-ajax-api-on-asp-net-mvc -3-0-power-of-json-jquery-and-asp-net-mvc-partial-views)但是这需要我使用Nuget下载一个库,由于我们的公司防火墙,它在某种程度上不起作用.

所有三个部分的父视图(index.cshtml)的代码

<div class="prepend-top span-24 last" id="searchPage">
    <div class="span-24 last">
        @Html.Partial("_Search")
    </div>
    <div class="span-24 last" id="parameterResults">
        @Html.Partial("_ParameterParts")
    </div>
    <div class="span-24 last" id="searchSpecResults">
        @Html.Partial("_Specifications")
    </div>
</div>

第一部分代码(_Search.cshtml):

 // Post the object to the server using jQuery
 $.ajax({
     url: '@Url.Action("ParameterParts")',
     type: 'POST',
     dataType: 'html',
     data: dataToPass,
     error: function (data) { alert('Something Went Wrong'); },
     contentType: 'application/json; charset=utf-8',
     success: function (data) {
         alert('Success P');
         $("parameterResults").html(data);
     }
 });

此代码使用dataToPass参数正确调用ParameterParts方法.

这是我用于控制器方法的代码:

[HttpPost]
public ActionResult ParameterParts(CriteriaViewModel vm)
{
    List<ParameterPart> parameterParts = new List<ParameterPart>();

    //Some logic to populate parameterParts using the passed in object

    return PartialView("_ParameterParts", parameterParts);
}

第二部分代码:

@model IEnumerable<SmartPlex.Web.SmartPlex.ODataService.ParameterPart>

<table>
    <tr>
        <th>
            Part Number
        </th>
        <th>
            Description
        </th>
    </tr>
    @if (Model != null)
    {
        foreach (var item in Model)
        {
            <tr>
                <td>
                    @Html.DisplayFor(modelItem => item.PartNumber)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.Description)
                </td>

            </tr> 
         }                       
    }
</table>

我不包括第3部分,因为它与第2部分相同.如何使用上述方法更新我的部分？

Answer 1

 dataType: 'dataToPass',
 data: json,

dataType是您期望从服务器返回的数据类型.如果你要返回html,哪个不应该是json.

data是要发送到服务器的数据.

更新:

你错过了#,你的选择器不正确.如果您的HTML是这样的:

<div class="span-24 last" id="parameterResults">
  @Html.Partial("_ParameterParts")
</div>

你的代码应该是这样的:

 $("#parameterResults").html(data);