在前端开发中，AJAX（Asynchronous JavaScript and XML）是一种常用的技术，它可以实现网页的异步加载和数据交互。其中，请求头部（head）和请求体（body）是AJAX请求中的两个重要部分。请求头部包含了请求的基本信息，例如请求方式、Content-Type等。请求体则用于传递需要发送到服务器的数据。

举例来说，当用户在一个网页上点击“评论”按钮时，页面需要发送一个AJAX请求到服务器，将评论内容传递过去。这时，请求头部会包含请求方式为POST、Content-Type为application/json等信息，请求体则会包含评论的具体内容。

下面是一个使用AJAX发送POST请求的示例代码：

$.ajax({
url: '/comment',
type: 'POST',
data: JSON.stringify({ comment: '这是一条评论' }),
contentType: 'application/json',
success: function(response) {
// 处理服务器返回的响应
},
error: function(jqXHR, textStatus, errorThrown) {
// 处理请求失败的情况
}
});

从上面的代码可以看出，请求头部中的'url'属性指定了请求的URL地址，'type'属性指定了请求方式为POST，'contentType'属性指定了请求体的数据类型为JSON。在请求体部分，我们使用JSON.stringify方法将评论内容转换成JSON格式，并通过'data'属性传递给服务器。

另外一个常见的使用场景是通过AJAX请求获取服务器返回的数据，然后将数据展示在网页上。举例来说，我们可以通过AJAX请求获取一个电影列表，并将列表展示在一个网页的表格中。

以下是一个使用AJAX发送GET请求并展示电影列表的示例代码：

$.ajax({
url: '/movies',
type: 'GET',
success: function(response) {
var movies = response.movies;
var table = document.createElement('table');
for (var i = 0; i< movies.length; i++) {
var row = table.insertRow();
var titleCell = row.insertCell();
titleCell.innerHTML = movies[i].title;
}
document.body.appendChild(table);
},
error: function(jqXHR, textStatus, errorThrown) {
// 处理请求失败的情况
}
});

上述代码中，我们发送了一个GET请求到服务器的'/movies'路由，成功获取到返回的电影列表后，我们在页面上动态创建了一个表格，并将电影列表逐个添加到表格的一行中。

综上所述，请求头部和请求体是AJAX请求中的两个重要部分。请求头部包含了请求的基本信息，例如请求方式和Content-Type；请求体用于传递需要发送到服务器的数据。这些部分的合理设置和使用，可以有效地实现网页的异步加载和数据交互。