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.html包含HTML个内容.i.e。 table。

的mypage.html

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

我想在按钮的点击事件上Load MyPage.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);
});

OR

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

Answer 4

在jquery中使用load（）方法。

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

如何在MVC4中动态加载div中的页面

4 个答案: