Как загрузить страницу в DIV динамически в MVC4

Question

В моем MVC приложения, у меня есть следующий DIV:

<div id='loader' > </div> 
<input type="button" id="button" value="OK" /> 
<script> 
$("#button").on("click", function(){ 
    // want to load MyPage.html here in loader div 
    alert('121'); 
    return false; 
});  
</script> 

пока есть другая страница, которая содержит MyPage.htmlHTML содержания .i.e. table.

mypage.html

<table> 
    <tr> 
     <td> Data1</td> <td> Data2</td> <td> Data3</td> 
    </tr> 
</table> 

Я хочу LoadMyPage.html на события нажатия кнопки. как это исправить?

Answer 1

$("#button").on("click", function(){ 
    $.get('MyPage.html',function(data){ 
     $('#loader').html(data); 
    });  
}); 

Answer 2

Применение Ajax.BeginForm()

образца: http://www.codeproject.com/Articles/429164/Html-BeginForm-vs-Ajax-BeginForm-in-MVC3

Answer 3

$.get('MyPage.html').success(function(data) { 
    $('div.content').html(data); 
}); 

ИЛИ

// Direct 
$('div.content').load('MyPage.html'); 

Answer 4

Использование нагрузки() Метод в JQuery.

$("button").click(function(){ 
    $("#loader").load("MyPage.html"); 
});