c# - 如何通过操作结果从另一个局部 View 更新局部 View

Question

我在主视图上有三个局部 View

在第一个局部 View 上我有搜索功能，当用户点击搜索时我想将结果刷新到第三个局部 View 中。

Controller :

public ActionResult Search()
{  
         virtualmodel vm = new virtualmodel(); 
      return PartialView(svm);

} 

[HttpPost]
public ActionResult Search(ViewModel svm)
{  
         // Query to retrive the result 
      // I am not sure what to return from here. Link to another action    or just return back to same same partial 

} 

public ActionResult AnotherPartialPartial()
{
}

在主视图中

 @{Html.RenderAction("Search", "Searchc");
  }

怎么做？我需要ajax吗？

Answer 1

使用 ajax，您可以调用 Controller 操作并将其响应返回给特定的 div。

空div:

<div class="row" id="div3">

</div>

Ajax 在空 div 中显示 html:

function performSearch(searchCriteria) {
   //get information to pass to controller
   var searchInformation = JSON.stringify(**your search information**);

            $.ajax({
                url: '@Url.Action("Search", "ControllerName")',//controller name and action 
                type: 'POST',
                data: { 'svm': searchInformation } //information for search
            })
            .success(function (result) {
                $('#div3').html(result); //write returned partial view to empty div
            })
            .error(function (xhr, status) {
                alert(status);
            })
        }