AJAX和IFrame是兩種常用的前端框架，用于實現網頁異步加載和內容展示。AJAX是一種基于JavaScript和XML的技術，通過在后臺與服務器進行少量數據交換，實現異步加載，從而提升用戶體驗。IFrame是一種HTML標簽，用于在網頁中嵌入另一個HTML頁面，實現內容的展示和跳轉。本文將分別介紹AJAX和IFrame的原理和使用方法，并通過舉例說明其實際應用。

AJAX（Asynchronous JavaScript and XML）是一種通過后臺與服務器進行少量數據交換的技術。它利用JavaScript的異步特性，在不刷新整個頁面的情況下，實現部分頁面內容的更新。常見的應用包括網頁表單的提交、用戶登錄驗證、動態加載數據等。以下是一個使用AJAX實現實時搜索功能的示例代碼：

$(document).ready(function(){
$('#searchInput').keyup(function(){
var keyword = $(this).val();
$.ajax({
url: 'search.php',
type: 'POST',
data: {keyword: keyword},
success: function(response){
$('#searchResult').html(response);
}
});
});
});

上述代碼中，當用戶在搜索框中輸入內容時，通過AJAX發送POST請求到search.php頁面，將用戶輸入的關鍵字作為參數傳遞給服務器。服務器根據關鍵字查詢相應的結果，并將結果返回給客戶端，AJAX的success回調函數將返回的結果顯示在searchResult的元素中，實現實時搜索功能。

IFrame是一種HTML標簽，用于在網頁中嵌入另一個HTML頁面。通過使用IFrame，可以在當前頁面中展示其他網頁的內容，實現內容的動態加載和跳轉。以下是一個使用IFrame展示外部網頁的示例代碼：

上述代碼中，通過設置IFrame的src屬性為https://www.example.com，即可在當前頁面中展示https://www.example.com這個網頁的內容。可以通過設置IFrame的寬度和高度來控制內容的展示區域大小。

總結來說，AJAX和IFrame都是前端開發中常用的框架，具有各自獨特的應用場景。AJAX通過異步加載實現部分內容的實時更新，適用于需要與服務器進行快速數據交換的場景。IFrame通過嵌入其他網頁實現內容的展示和跳轉，適用于需要在當前頁面中展示外部網頁內容的場景。在實際開發中，根據具體需求選擇合適的框架，可以提升用戶體驗和頁面功能的擴展性。