javascript - 如何用ajax改变中间内容

Question

我知道如何使用 ajax 从数据库中提取数据。使用 MVC 框架，我通常会向我的 Controller 发出 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，load 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);
});