在前端開發中，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；請求體用于傳遞需要發送到服務器的數據。這些部分的合理設置和使用，可以有效地實現網頁的異步加載和數據交互。