ajax - 渲染兩個部分視圖

Question

在一個按鈕上單擊我使用jquery $ .ajax獲取一些數據，調用controller的action方法並返回一個強類型的局部視圖。數據顯示在一個表格中。

當數據可用時我還需要呈現另一個強類型局部視圖（與resultSetView相同的模型）以顯示resultSetView的頁面導航按鈕。

我該怎麼做第二部分？

$.ajax({ 
      type: "POST", 
      url: $form.attr('action'), 
      data: $form.serialize(), 
      error: function (xhr, status, error) { 
       //do something about the error 
      }, 
      success: function (response) { 
       $("#resultSetDiv").html(response); 
       //need to reload pageNavigationDiv 
      } 
     }); 

標記就像

<div id="pageNavigation > 
    @Html.Partial("_pageNavigationView") 
</div> 
<div id="resultSetDiv"> 
    @RenderSection("_resultSetView") 
</div> 

Answer 1

在下面的格式

{ 
    "success": "true", 
    "currentPage": "3", 
    "totalPages": "12", 
    "viewString": "<div>Somecontent</div>" 
} 

從你的行動方法發送JSON響應，其中內viewString價值將被加載到HTML標記resultSetDiv。

success: function (response) { 
      if(response.sucesss=="true") 
      { 
       $("#resultSetDiv").html(response.viewString); 
       $("#yourPageNumber").html(response.currentPage); 
      } 
} 

這answer解釋瞭如何發送的ViewResult在JSON