如何在ASP MVC 4中的Ajax發布后在主視圖內更新局部視圖

Question

我有一個主視圖，進度跟蹤器位於頂部，帶有鏈接。 單擊鏈接后，我會看到部分視圖。 但是，當我發布數據時，局部視圖未顯示在主視圖內部。 如何實現呢？

<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內部的主視圖發布后如何顯示局部視圖？

Answer 1

我建議您使用ajax加載部分視圖。 有助於輕松報告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
  }
});