How to use JSON in ASP.NET MVC

Question

How to use JSON in ASP.NET MVC

Navigation

#1 by (0 votes)

2

I'm a beginner in Asp.Net MVC, and I'm developing an application that manages Courses and on my sign up screen I'm trying to validate that if student is already signed up in a course and he tries to sign up again in this same course , a message You are already subscribed to this course strong>. The other validation is when the number of vacancies reaches zero , the course status should switch to Closed instead of staying as Available Course . I was told to use JSON but I still do not know how to use it, can anyone help me!?

My View Enrollment

@model IEnumerable<MeuProjeto.Models.Curso>

<style>
    #Status {
        display: block;
        text-align: center;
    }

    .encerrado {
        background-color: green;
        font-family: 'Times New Roman';
        color: white;
    }

    .disponivel {
        background-color: orange;
        font-family: 'Times New Roman';
        color: white;
    }

</style>

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

<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="~/Curso/[email protected]">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)
            </td>
            <td>
               <div class="btn-group">
                    <div class="col-md-offset-2 col-md-10">
                        @using (Html.BeginForm("Inscricao", "Curso", FormMethod.Post))
                        {
                            if (item.Qtd_Vagas > 0)
                             {
                                 <a class="inscricao btn btn-success" onclick="$(this).parents('form').submit(), Alerta()">Inscrição</a>
                                 <input type="hidden" value="@item.Id" name="inscricaoId" />
                             }
                            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("HomeAluno", "Home")"><input type="button" value="Voltar" class="btn btn-danger" /></a>

</div>
<br />


@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    <script>
        $(document).ready(function() {
            $(".inscricao").click(function() {
                $.ajax({
                    type: "POST",
                    url: "Inscricao/",
                    data: { inscricaoId: $(this).data("inscricaoid") },
                    success: function() {
                        window.location.reload();
                    }
                });
            });
        });
    </script>
    <script>
        $(document).ready(function() {
            $('.Status').each(function() {
                if ($(this).val() == "Curso Disponível") {
                    $(this).addClass("disponivel");
                }
                if ($(this).val() == "Encerrado") {
                    $(this).addClass("encerrado");
                }
            });
        });
    </script>
}

Action Inscription of controller Curso

public ActionResult Inscricao(string pesquisar)
    {
        Aluno aluno = db.Alunos.FirstOrDefault(a => a.Usuario == User.Identity.Name);
        if (aluno == null)
            return View("MeusCursos");

        var cursos = from c in db.Cursos select c;

        if (!String.IsNullOrEmpty(pesquisar))
        {
            cursos = cursos.Where(c => c.Nome_Curso.Contains(pesquisar));
        }
        cursos = cursos.OrderBy(a => a.Nome_Curso);

        return View(cursos.ToList());
    }

    [HttpPost]
    public ActionResult Inscricao(int inscricaoId, string pesquisar)
    {
        using (var scope = new TransactionScope())
        {
            //Aqui pega o usuario logado
            Aluno aluno = db.Alunos.FirstOrDefault(a => a.Usuario == User.Identity.Name);
            if (aluno == null)
                return View("MeusCursos");

            //Aqui pega o curso selecionado
            var curso = db.Cursos.FirstOrDefault(c => c.Id == inscricaoId);
            if (curso == null)
                return View("MeusCursos");

            if (curso.Qtd_Vagas <= 0)
            {
                //TempData["MensagemErro"] = "Não existem mais vagas para este curso.";
                return RedirectToAction("Inscricao");
            }

            //Aqui verifica se o aluno já está inscrito em algum curso
            var alunoCurso = db.AlunoCursos.FirstOrDefault(ac => ac.Curso.Id == inscricaoId && ac.Aluno.Usuario == User.Identity.Name);
            if (alunoCurso != null)
            {
                //TempData["Erro"] = "Aluno já está inscrito no curso.";
                return RedirectToAction("Inscricao", "Curso");
            }

            //Aqui faz a associação do Aluno e Curso
            alunoCurso = new AlunoCurso
            {
                Aluno = aluno,
                Curso = curso
            };

            db.AlunoCursos.Add(alunoCurso);
            db.SaveChanges();

            //Aqui decrementa a quantidade de vagas dos Cursos
            curso.Qtd_Vagas--;
            db.Entry(curso).State = EntityState.Modified;
            db.SaveChanges();

            scope.Complete();
        }

        var cursos = from c in db.Cursos select c;

        if (!String.IsNullOrEmpty(pesquisar))
        {
            cursos = cursos.Where(c => c.Nome_Curso.Contains(pesquisar));
        }
        cursos = cursos.OrderBy(a => a.Nome_Curso);

        return View(cursos.ToList());
    }

javascript json asp.net-mvc asp.net-mvc-5

asked by anonymous 01.07.2015 / 05:48

1 answer

Error executing composer update when trying to install scafold package in Laravel 5.1 Doubt about application database made in C #

score 0 · Accepted Answer

The code is fine. We just have to enrich the interface.

Let's change this code:

<script>
    $(document).ready(function() {
        $(".inscricao").click(function() {
            $.ajax({
                type: "POST",
                url: "Inscricao/",
                data: { inscricaoId: $(this).data("inscricaoid") },
                success: function() {
                    window.location.reload();
                }
            });
        });
    });
</script>

In the documentation on .ajax() of jQuery , we have that function success (a callback ) has three parameters:

success
Type: Function( Anything data, String textStatus, jqXHR jqXHR )

The return of an Action is populated with data , so let's use data to get the information we want. First I'm going to change the JavaScript, and the change should be clearer when I explain the Action code:

<script>
    $(document).ready(function() {
        $(".inscricao").click(function() {
            $.ajax({
                type: "POST",
                url: "Inscricao/",
                data: { inscricaoId: $(this).data("inscricaoid") },
                success: function(data) {
                    if (data.Mensagem != "Ok!") {
                        alert(data.Mensagem);
                    }
                }
            });
        });
    });
</script>

Let's now change your Action :

[HttpPost]
public JsonResult Inscricao(int inscricaoId)
{
    using (var scope = new TransactionScope())
    {
        //Aqui pega o usuario logado
        var aluno = db.Alunos.FirstOrDefault(a => a.Usuario == User.Identity.Name);
        if (aluno == null)
            return Json(new { Mensagem = "Aluno não encontrado." }, JsonRequestBehavior.AllowGet);

        //Aqui pega o curso selecionado
        var curso = db.Cursos.FirstOrDefault(c => c.Id == inscricaoId);
        if (curso == null)
            return Json(new { Mensagem = "Curso não encontrado." }, JsonRequestBehavior.AllowGet);

        if (curso.Qtd_Vagas <= 0)
        {
            //TempData["MensagemErro"] = "Não existem mais vagas para este curso.";
            return Json(new { Mensagem = "Não existem mais vagas para este curso." }, JsonRequestBehavior.AllowGet);
        }

        //Aqui verifica se o aluno já está inscrito em algum curso
        var alunoCurso = db.AlunoCursos.FirstOrDefault(ac => ac.Curso.Id == inscricaoId && ac.Aluno.Usuario == User.Identity.Name);
        if (alunoCurso != null)
        {
            //TempData["Erro"] = "Aluno já está inscrito no curso.";
            return Json(new { Mensagem = "Aluno já está inscrito no curso." }, JsonRequestBehavior.AllowGet);
        }

        //Aqui faz a associação do Aluno e Curso
        alunoCurso = new AlunoCurso
        {
            Aluno = aluno,
            Curso = curso
        };

        db.AlunoCursos.Add(alunoCurso);
        db.SaveChanges();

        //Aqui decrementa a quantidade de vagas dos Cursos
        curso.Qtd_Vagas--;
        db.Entry(curso).State = EntityState.Modified;
        db.SaveChanges();

        scope.Complete();
    }

    var cursos = from c in db.Cursos select c;

    if (!String.IsNullOrEmpty(pesquisar))
    {
        cursos = cursos.Where(c => c.Nome_Curso.Contains(pesquisar));
    }
    cursos = cursos.OrderBy(a => a.Nome_Curso);

    return Json(new { Mensagem = "Ok!" }, JsonRequestBehavior.AllowGet);
}

Notice that I've changed all returns as action by JSONs. The idea is to return the appropriate error message for each check.

Now it's tailoring the code to your needs.