如何使用ajax更改中间内容

Question

我知道如何使用ajax从数据库中提取数据。使用MVC框架我通常会向我的控制器发出POST ajax请求，该请求会调用模型并发回详细信息。

但我实际上只想将html从另一个文件中拉到当前文件中。

所以例如我有一个这样的页面：

<nav>

</nav>
<div id="leftNav">

</div>
<div class="content-body">

     <h1>This is the starting content body</h1>     

</div>

现在我有另一个名为blocks.php的文件，其中包含以下内容：

<h1>This is the second content-body</h1>

使用ajax如何使用此blocks.php文件更改内容体？

Answer 1

如果你使用jQuery，那么加载api对那个

是有好处的

$( ".content-body" ).load( "blocks.php", function() {
  alert( "Load was performed." );
});

您可以从此网址获取更多示例 - http://api.jquery.com/load/

或发布

$.post('blocks.php' , { key : value } , function(data){
  $('.content-body').html(data);
});

Answer 2

做一个简单的ajax调用

$.ajax({ url:"blocks.php",dataType:'html',success:function(data) {
  $( ".content-body" ).html(data)
}});