无法PartialView返回到jQuery.ajax呼叫

Question

背景：

我上有3个谐音的ASP.NET MVC应用程序的工作（基于剃刀引擎）的主页上。第一个部分有一个用户填充的搜索条件列表。第二部分应该根据传入的数据显示ParameterParts的列表。第三部分应该根据传入的数据显示规格列表。我需要调用Controller中的方法来填充我的第二和第三部分视图。

问题：

• 返回一个PartialView导致Ajax调用，以匹配错误条件。
• 返回void匹配成功条件，但我没有什么可以填充parameterResults。
• 返回json匹配成功条件，但然后我的部分视图不呈现任何东西。
• 看来，事情会工作，如果我可以在我的partialview转换成字符串，并将其返回为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库，这在某种程度上不会因为我们的企业防火墙工作。

代码用于所有三个泛音

<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> 

代码的第一部分的父视图（index.cshtml）（_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> 

我不包括第三部分，因为它是与第二个相同。如何使用上述方法更新我的偏好？

Answer 1

dataType: 'dataToPass', 
data: json, 

数据类型是你期望从服务器返回的数据类型。如果你正在返回html，那不应该是json。

数据是数据要被发送到服务器。

更新：

您缺少＃，您的选择器不正确。如果您的HTML是这样的：

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

你的代码应该是这样的：

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

Answer 2

你不需要一个单独的库来渲染为字符串部分景色。创建一个扩展方法是这样的：

public static class RazorViewToString 
{ 
    public static string RenderRazorViewToString(this Controller controller, string viewName, object model) 
    { 
     if (controller==null) 
     { 
      throw new ArgumentNullException("controller", "Extension method called on a null controller"); 
     } 

     if (controller.ControllerContext==null) 
     { 
      return string.Empty; 
     } 

     controller.ViewData.Model = model; 
     using (var sw = new StringWriter()) 
     { 
      var viewResult = ViewEngines.Engines.FindPartialView(controller.ControllerContext, viewName); 
      var viewContext = new ViewContext(controller.ControllerContext, viewResult.View, controller.ViewData, controller.TempData, sw); 
      viewResult.View.Render(viewContext, sw); 
      viewResult.ViewEngine.ReleaseView(controller.ControllerContext, viewResult.View); 
      return sw.GetStringBuilder().ToString(); 
     } 
    } 

} 

那么你的控制器中，你可以使用它作为

return new JsonResult {Data = this.RenderRazorViewToString("partialViewName", model)}; 

然后在客户端的jQuery的ajax成功回调，只是简单的附加在你的DOM返回的数据

http://craftycodeblog.com/2010/05/15/asp-net-mvc-render-partial-view-to-string/