Estou desenvolvendo um site em ASP.NET MVC, queria que quando mudasse de tela só fosse atualizado minha div .ESTRUTURA
eis o código:
Javascript:
function loadPage(page) {
$.ajax({
type: 'GET',
url: page,
dataType: 'html',
cache: true,
async: true,
success: function (data) {
console.log($('.ESTRUTURA').html(data));
$('.ESTRUTURA').html(data);
}
});
}
HTML (No caso é o proprio _Layout.cshtml)
<body>
<div class="bg">
@Html.Partial("_Header")
<div class="ESTRUTURA">
@RenderBody()
</div>
@Html.Partial("_Footer")
</div>
<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<script src="~/Scripts/vendors/underscore.js"></script>
<script src="~/Scripts/vendors/backbone.js"></script>
<script src="~/Scripts/app.js"></script>
</body>
Dentro da minha DIV .ESTRUTURA
tem o @RenderBody()
, acredito que o problema esteja ai. A variavel data
, recebe o HTML inteiro da pagina (porém não deveria).
data
. Tens de rever o que estás a receber no teu pedido ajaxdata
receber o retorno do RenderBody??