如何在不重新加载ASP.NET MVC 5中的整个页面的情况下更改.cshtml中div的内容

时间:2017-03-28 12:13:23

标签: jquery asp.net asp.net-mvc

如何在不重新加载ASP.NET MVC 5中的整个页面的情况下更改.cshtml中div的内容

<div class="status-Container" style="display:none">
<div class="status-block">
@if (Model.Dropdownlist.selectedvalue = 1)
{
<span class="status-title"> Consultations : </span>
}
else
{ 
<span class="status-title"> Sheduled : </span>
}
</div>
</div>

第一次只进行调试。不要再调试页面..它不会再次重新加载。

1 个答案:

答案 0 :(得分:1)

您可以使用Ajax并调用控制器并获取您想要更改的数据。示例代码如下。

    <script>
    $.ajax({
        url: '/ControllerName/FunName', //@Url.Action("FunName","ControllerName")
        type: 'GET',
        dataType: 'html',
        data: { selectedvalue: selectedvalue },
        success: function (data) { //Make the function to return the partial view you want which would be fetched in the data
            $('#DynamicContent').html(data); 
        }
    });
    </script>