carregar um usercontrol usando jquery

Question

Como carregar / render um usercontrol usando jQuery?

Eu tenho alguns menus no cabeçalho da página e as usercontrols para cada menu. No clique dos menus eu preciso re-carregar o conteúdo com o usercontrol correspondente.

Como posso conseguir isso usando jquery que evita atualização da página?

Answer 1

Em JavaScript:

$("#someContainerForTheUserControl").load("/Controller/PartialAction");

Em seu controlador:

public ActionResult PartialAction()
{
    return PartialView("SomeUserControl");
}

Answer 2

Você quer usar as funções jQuery AJAX (POST ou GET) para fazer um pedido para o servidor.

Você vai ter um método em sua por trás de código que retorna o HTML do usercontrol. Quando a página recebe o HTML você pode apenas atualizar uma div com a marcação retornado.

Há um tutorial aqui que deve falar com você através dos passos em detalhes:

http: //www.aspcode .net / ASPNET-and-templated-controles JQuery-atualizar-com-AJAH.aspx

Boa sorte