Não consigo atualizar com AJAX!

Question

Bom dia a todos, minha dúvida é atualizar uma atualizar dados de uma página com ajax, por exemplo eu tenho um método listaUsarios que retorna um IList<Usuarios>, na Index do UsuariosController, já consegui excluir via JSON agora como atualizar?

//Controller Usuario:

public ActionResult Index()
        {
            UsuariosDAO dao = new UsuariosDAO();
            IList<Usuarios> usuario = dao.listaUsuarios();
            return View(usuario);
        }

public ActionResult RemoverUsuario(int id)
        {
            UsuariosDAO dao = new UsuariosDAO();
            Usuarios usuario = dao.buscaPorId(id);
            dao.removeUsuario(usuario);
            return Json("Index");
        }

Script responsável por deletar o usuário:

<script type="text/javascript">
function removeUsuario(idUsuario)
    {
        var url = "@Url.Action("RemoverUsuario", "Usuarios")";
        $.post(url,{id : idUsuario});
}

Funciona a exclusão mais a Index ainda fica mostrando o usuário, é preciso atualizar a página para ver que ele foi excluído.

Answer 1

A página atualizada você vai conseguir recuperá-la no método Success do $.post. 

$.post(url, {id : idUsuario }).Success(function (html) { $("body").html(html); });

---

Se a sugestão resolver o problema, favor marcar como Resposta.

Answer 2

A página atualizada você vai conseguir recuperá-la no método Success do $.post. 

$.post(url, {id : idUsuario }).Success(function (html) { $("body").html(html); });

---

Se a sugestão resolver o problema, favor marcar como Resposta.

Amigo não funcionou excluiu mais não atualizou.

Answer 3

Bom dia a todos, minha dúvida é atualizar uma atualizar dados de uma página com ajax, por exemplo eu tenho um método listaUsarios que retorna um IList<Usuarios>, na Index do UsuariosController, já consegui excluir via JSON agora como atualizar?

//Controller Usuario:

public ActionResult Index()
        {
            UsuariosDAO dao = new UsuariosDAO();
            IList<Usuarios> usuario = dao.listaUsuarios();
            return View(usuario);
        }

public ActionResult RemoverUsuario(int id)
        {
            UsuariosDAO dao = new UsuariosDAO();
            Usuarios usuario = dao.buscaPorId(id);
            dao.removeUsuario(usuario);
            return Json("Index");
        }

Script responsável por deletar o usuário:

<script type="text/javascript">
function removeUsuario(idUsuario)
    {
        var url = "@Url.Action("RemoverUsuario", "Usuarios")";
        $.post(url,{id : idUsuario});
}

Funciona a exclusão mais a Index ainda fica mostrando o usuário, é preciso atualizar a página para ver que ele foi excluído.

Alguém ai tem algum solução?

Answer 4

Bom dia a todos, minha dúvida é atualizar uma atualizar dados de uma página com ajax, por exemplo eu tenho um método listaUsarios que retorna um IList<Usuarios>, na Index do UsuariosController, já consegui excluir via JSON agora como atualizar?

//Controller Usuario:

public ActionResult Index()
        {
            UsuariosDAO dao = new UsuariosDAO();
            IList<Usuarios> usuario = dao.listaUsuarios();
            return View(usuario);
        }

public ActionResult RemoverUsuario(int id)
        {
            UsuariosDAO dao = new UsuariosDAO();
            Usuarios usuario = dao.buscaPorId(id);
            dao.removeUsuario(usuario);
            return Json("Index");
        }

Script responsável por deletar o usuário:

<script type="text/javascript">
function removeUsuario(idUsuario)
    {
        var url = "@Url.Action("RemoverUsuario", "Usuarios")";
        $.post(url,{id : idUsuario});
}

Funciona a exclusão mais a Index ainda fica mostrando o usuário, é preciso atualizar a página para ver que ele foi excluído.

Alguém ai tem algum solução?

E ai galera alguém pode me ajudar?

Answer 5

$.post(url, {id: idUsuario}, function( data ) {
  $("body").html( data );
});

Veja se assim funciona.

---

Se a sugestão resolver o problema, favor marcar como Resposta.

Answer 6

Boa tarde Raniel, blz?

Então man, quando você dar um return Json("Index") no success (data) do ajax está vindo a palavra "Index" e por isso não está atualizando, pois como o ajax trabalha async você precisa fazer o redirect no proprio success do ajax.

No caso, ficaria assim o script:

$.post(url, {id : idUsuario }, function(data){ location.reload(true); });

Com o script acima depois que o usuário for excluido ele vai cair no success e então vai dar um reload na pagina.

Outra forma de ser fazer isso seria você listar os registro também via ajax, onde assim que excluído o usuário seria só chamar o método de listagem de novo para carregar os registros novamente.

Qualquer coisa só chamar =)

Abs!

Answer 7

Vou testar Rodolfo.