如何在ASP MVC中的Ajax post之後更新主視圖中的局部視圖4

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 
    } 
});