я использую Веб-сайт ASP.net (Razor v3)

скажем так у меня существует

<div id="Name1"></div>
<div id="Name2"></div>

<button id="Knopka1" name="Knopka1">Типа кнопка 1</button>
<button id="Knopka2" name="Knopka2">Типа кнопка 2</button>

@RenderPage("~/путь1")

@RenderPage("~/путь2")

можно ли загрузить в Name1 данные из RenderPage путь1 при клики на кнопку 1
а при нажатии на кнопку 2 удалить данные из Name1 и загружать данные из RenderPage путь 2 в Name2

и при этом что бы страница не перезагружалась
можете подсказать в каком направлении смотреть и можно ли это реализовать и если это возможно то насколько это будет грузить сайт
если содержимое RenderPage путь1 и RenderPage путь 2 не очень велико

или тупо стоит использовать это

$(document).ready(function () {
$("#ТипаАйди").load("Путь");
})


то как именно это сделать можете не говорить

И да хотелось бы узнать что лучше в перспективе Веб-сайт ASP.net (Razor v3) или Веб-приложение Asp.net MVC 4 Razor и что на данный момент лучше использовать

Благодарю за внимание