Asp.net mvc 如何在单击按钮时刷新部分MVC视图？

我在MVC视图中有一个div，它有一个绑定到模型的webgrid。在初始页面加载时，网格完全由模型数据填充，但当我单击同一页面上的按钮时，网格应通过未发生的搜索值进行更新。即使在单击按钮之后，网格仍具有相同的初始数据。如何使用更新的值刷新网格

@{ var gd=new WebGrid(Model.NonPromoJobList,canPage:true,rowsPerPage:5,canSort:true, selectionFieldName:"selectedRow",ajaxUpdateContainerId:"gridContent");

   gd.Pager(WebGridPagerModes.NextPrevious);

}

 <div id="gridContent" class="container-fluid">
@gd.GetHtml(
        columns: gd.Columns(

        gd.Column("JobTitle", "Job Title",format: 
        @<text><a href="javascript:void()" onclick="javascript:showJobNotice('@item.JASEQ');" title="Job Title"> @Html.Raw(item.JOBTITLE) </a> </text>),
        gd.Column("Department","Department"),
        gd.Column("Location","Location"),
        gd.Column("ClosingDate","Closing Date"),
        gd.Column("Action",style:"col1",format: @<text>
     <a class="btn btn-xs btn-info" title="Apply Online" onclick="javascript:openApp('@item.JOBTITLESEQ');"  href="javascript:void()">Apply</a>

</text>
 )))
</div>

<div class="panel-footer text-center color4 ">
                <input type="button" class="btn btn-primary btn-s" value="Search" onclick="searchJobs()" />
</div>

@{var gd=new WebGrid（Model.NonPromoJobList，canPage:true，rowsPerPage:5，canSort:true，selectionFieldName:“selectedRow”，ajaxUpdateContainerId:“gridContent”）；
gd.Pager（WebGridPagerModes.NextPrevious）；
}
@gd.GetHtml(
列：gd.columns(
gd.栏（“职务”、“职务”，格式：
@ ),
gd.栏（“部门”、“部门”），
gd.栏（“位置”、“位置”），
gd.栏（“截止日期”、“截止日期”），
gd.列（“动作”，样式：“col1”，格式：@
)))

您可以通过JQuery和使用局部视图来实现这一点。在事件中，对MVC操作发出JQuery Ajax调用。然后，该操作可以返回要更新的局部视图。然后，在jquery中的ajax成功函数中，只需将部分视图的HTML内容替换为操作返回的更新内容。

您需要添加表单以便将页面提交回服务器，或者添加一些javascript并使用ajax。