Início > ASP.NET MVC, Dicas / Tips > Renderizando uma Partial View com Ajax e jQuery MVC 3

Renderizando uma Partial View com Ajax e jQuery MVC 3

Renderizar Partial Views com Ajax é útil pra acelerar e otimizar o carregamento da sua página.

No exemplo temos:

1 controller Home

1 view Mensagem

 

  • Código do Controller:
public class HomeController : Controller {
public ActionResult Mensagem() {
ViewBag.MensagemRenderizar = "Esta mensagem é renderizada na view parcial";
return PartialView();
}

 

  • Código da View:

<h2>@ViewBag.MensagemRenderizar</h2>

  • Código no _Layout.cshtml

<div id = “result”> </div>

<script type="text/javascript">
$(function () {
$('#result').load('/Home/Mensagem');
});
</script>

Utilizando o método Load do jQuery,  é feita uma requisição ajax e retornado o conteúdo da view especificada.

Mais informações: http://api.jquery.com/load/

Anúncios
  1. Fabio
    01 - 13 às 10:04 am

    Amigo, muito bom tópico. Poderia me dizer no caso de ter que passar um parametro? Não estou conseguindo recuperar o parametro no controller.

    View
    id = $(“#selectOperator :selected”).attr(‘id’);
    $(‘#funcionario’).load(‘/Funcionario/GetOPeradora’,id);

    controller
    public ActionResult GetOPeradora(string id)
    {
    Guid gu = new Guid(id);

    var funcionarios = db.ListarEmployees(branchid, periodid, gu);

    ViewBag.Func = funcionarios;

    return PartialView(“_Operadoras”);
    }

    • 01 - 13 às 10:11 am

      Acho que o problema pode estar no método Load.
      Tenta concatenar o id na URL.

      $(‘#funcionario’).load(‘/Funcionario/GetOperadora/’ + id);

      E coloca o “P” minúsculo. Não lembro se é case sensitive.

      • Fabio
        01 - 13 às 11:11 am

        Estranho, assim tb não funciona…….nao consigo recuperar o id no metodo nem a pau…..

  1. No trackbacks yet.

Deixar uma Anotação

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

dotnettips.wordpress.com/

Helping Programmers Since 1994

Viagem e Voo

Dicas para viagens, férias e voos nacionais e internacionais

Ivan Guimarães Meirelles

Analista Desenvolvedor

Void Podcast

Vazio e sem retorno de valor

Elemar DEV

Negócios, tecnologia e desenvolvimento

2,000 Things You Should Know About WPF

Everything a WPF Developer Needs to Know, in Bite-Sized Chunks

blog

so long

Fernando Franzini Blog

Engenharia de Software e Arquitetura Ágil

Gabriel RB.net

Blog técnico, com dicas, códigos, novidades e problemas do dia-a-dia programando.

Alexandre Valente's Blog

Experiências em tecnologia e assuntos diversos

%d blogueiros gostam disto: