Learning to use AJAX in ASP.Net MVC 4

Question

In my project, I have two models different, generating with this, their controllers and your views. Only what happens is that I don’t know how to use AJAX and urgently needed a help from you. What happens is, I wanted to render the views of a controller in a view other’s controller. Explaining better for example, I have a model, controller and Student views and a model, controller and occurrence views. What happens, I wanted to render in view student details the occurrences he has and list them, add a new one and edit an existing one. That is, record information of occurrences without having to leave the view of student details. I know that using AJAX I have how to do this, only I can’t find cool articles or videos about. Every time I think, I get more confused. Could someone create a basic example so I can follow and learn how to use AJAX?

Answer 1

You can even go through Jquery and it’s simpler:

$("#divOcorrencia").empty().load('/Aluno/Details');

So you create a div where the details of the students will appear, and you load function in the controller you want (in this case, student details)

If you want to upload a view without going to the controller can do:

@Html.Partial("/PastaViewsAlunos/Detials");

Example of Action to carry the view Details

public ActionResult Details()
{
    var dadosAlunos = db.Alunos.ToList();
    return PartialView(dadosAlunos)
}

This function loads the view Detials with student data (you need to edit the query to put the data you want to submit)

EDIT

What I’m trying to explain to you downstairs is this::

You have a main view where you will take the partials with the information you want (in case, students and occurrences)

JAVASCRIPT:

Viewcomum.cshtml

<div id="divAlunos">
</div>

<div id="divOcorrencias">
</div>

<script>
    $("#divAlunos").empty().load('/Aluno/Details');
    $("#divOcorrencias").empty().load('/Ocorrencias/Details');
</script>

Controller: /Student/Details

public ActionResult Details()
{
    var dadosAlunos = db.Alunos.ToList();
    return PartialView(dadosAlunos)
}

/Occurrences/Details

public ActionResult Details()
{
    var dadosOc = db.Ocorrencias.ToList();
    return PartialView(dadosOc)
}

Partialview Alunos:

@model List<BDOleoTorres.Models.Alunos>
//Aqui constrois a tua partial com os dados dos alunos que queres

Partialview Occurrences:

@model List<BDOleoTorres.Models.Ocorrencias>
//Aqui constrois a tua partial com os dados dos ocorrencuas que queres