無法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/