如何在 ASP MVC 4 中的 Ajax 发布后更新主视图内的部分视图答案

【问题标题】：How to update partial view inside main view after Ajax post in ASP MVC 4如何在 ASP MVC 4 中的 Ajax 发布后更新主视图内的部分视图
【发布时间】：2017-07-15 02:45:33
【问题描述】：

我有一个主视图，顶部带有进度跟踪器，带有链接。单击链接时，我会看到部分视图。但是，当我发布数据时，部分视图没有显示在主视图中。如何做到这一点？

<div style="padding-top:2%">
   <ol class="progress-tracker">
       <li class="step"><a><span class="step-name active" onclick="javascript:showTab('@Url.Action("ReviewOrder","Tax")')" style="">Review order</span></a></li>
       <li class="step"><a><span class="step-name" onclick="javascript:showTab('@Url.Action("CreateAccount","Tax")')">Create account</span></a></li>
       <li class="step"><a><span class="step-name" onclick="javascript:showTab('Contract',this)">Contract</span></a></li>
   </ol>
</div>

function showTab(url) {

        $("#partialdiv").load(url, function (text, status, xhr) {

        });

    }
<div class="container">
    <div class="maincontainer" id="partialdiv" >

     //Partial View gets shown here on get request.Want to show the same partial view after post request

    </div>
</div>

如何在内部 div 内的主视图中发布后我的部分视图？

【问题讨论】：

请注意，model-view-controller 标签是针对有关模式的问题。 ASP.NET-MVC 实现有一个特定的标记。

标签： javascript jquery asp.net-mvc

【解决方案1】：

我建议你使用 ajax 来加载 Partial View。这有助于轻松报告 ajax 是否已加载或错误报告。

$.ajax({
  url: "url",
  type: "POST",
  dataType: "html",
  data: {data: value}
  success: function (response) {
    $("#partialdiv").html(response);
    alert("Partial View is Loaded.....");
  },
  error: function (xhr, ajaxOptions, thrownError) {
    alert(xhr.status);
    alert(thrownError);
    // help to get error details
  }
});

【讨论】：