Refresh the page (View) automatically in Asp.Net MVC

Hello,

You can return a Json by telling the number of places for your View. Here's an example:

link

HTML:

@model IEnumerable<MeuProjeto.Models.Curso>


<h2>Catálago de Cursos</h2>

@Html.ValidationSummary(true)
@TempData["MensagemErro"]

<table class="table table-hover">
    <tr>
        <th>
            Curso
        </th>
        <th>
            Sigla
        </th>
        <th>
            Ementa
        </th>
        <th>
            Inicio
        </th>
        <th>
            Fim
        </th>
        <th>
            Turno
        </th>
        <th>
            Status
        </th>
        <th>
            Quantidade de Vagas
        </th>
        <th></th>
    </tr>

    @foreach (var item in Model)
    {
        <tr>
           <td>
                @Html.DisplayFor(modelItem => item.Nome_Curso)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Sigla)
            </td>
            <td>
                <a href="@Url.Action("Ementa", "Curso")" data_toggle="modal" data_target="#modalaviso">Ementa</a>
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Dt_Inicio)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Dt_Fim)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Turno)
            </td>
            <td>
                <input type="text" name="Status" id="Status" value="@Html.DisplayFor(modelItem => item.Status)" readonly class="Status" />
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Qtd_Vagas, new { id = "qtdVagas" + "@item.Id" })
            </td>
            <td>
                <div class="btn-group">
                    <div class="col-md-offset-2 col-md-10">
                        @if (item.Qtd_Vagas > 0)
                        {
                       <input type="submit" value="Inscrição" name="detalhes" class="inscricao btn btn-success" data_toggle="modal" data_target="#modalAviso" data-inscricaoid="@item.Id"/>
                        }
                        else
                        {
                            <input type="submit" value="Não há vagas" name="detalhes" class="inscricao btn btn-default" disabled="disabled"/>
                        }
                    </div>
                </div>
            </td>
        </tr>

    }

</table>
<div class="form-group">

    <a href="@Url.Action("Index", "Home")"><input type="button" value="Voltar" class="btn btn-danger" /></a>

</div>
<br />

JavaScript:

<script>
        $(document).ready(function() {
            $(".inscricao").click(function() {

                var id = $(this).data("inscricaoid");

                $.ajax({
                    type: "POST",
                    url: "Inscricao/",
                    data: {inscricaoId: id},
                    success: function() {
                            $(this).attr("disabled", "disabled");
                        },
                    done: function(data){
                         $("#qtdVagas" + id).text(data.qtd)
                    }
                });
            });
        });
    </script>

Action MVC:

public ActionResult Inscricao(int id)
    {
        int quantidadeVagas;
        //Seu código
        ....        

        //Pega a quantidade de vagas
        quantidadeVagas = new SeuRepositorio().GetQuantidadeVagas(id)

        //Retorno
        return Json(quantidadeVagas);
    }