Ajax（Asynchronous JavaScript and XML）是一種通過使用 XMLHttpRequest 對象來與服務器進行異步通信的技術(shù)，它可以在不刷新整個網(wǎng)頁的情況下更新部分網(wǎng)頁內(nèi)容。通過使用 Ajax，網(wǎng)頁能夠快速地響應用戶的操作，并且可以實現(xiàn)更加流暢的用戶體驗。在開發(fā)中，經(jīng)常需要在一個頁面中調(diào)用其他頁面的代碼，通過 Ajax 可以輕松地實現(xiàn)這一需求。

假設我們有一個頁面 A，我們需要在這個頁面中調(diào)用頁面 B 上的代碼。首先，我們需要在頁面 A 中引入 jQuery 庫，因為 jQuery 提供了方便的 Ajax 方法來實現(xiàn)異步請求。

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

接下來，我們可以使用 jQuery 的 ajax() 方法來實現(xiàn)異步請求。假設頁面 B 上有一個名為 fetchData() 的函數(shù)，我們可以通過以下代碼在頁面 A 中調(diào)用這個函數(shù)：

$.ajax({
url: 'pageB.html',
success: function(data) {
$(data).find('.fetch-data-button').click(function() {
fetchData();
});
}
});

上述代碼中，我們通過指定 url 參數(shù)為頁面 B 的地址，成功獲取頁面 B 的內(nèi)容后，使用 find() 方法找到頁面 B 上的名稱為 fetch-data-button 的按鈕，并為其綁定一個點擊事件。當用戶在頁面 A 中點擊這個按鈕時，會調(diào)用頁面 B 上的 fetchData() 函數(shù)。

除了調(diào)用其他頁面的函數(shù)，我們還可以在頁面 A 中修改頁面 B 上的內(nèi)容。假設頁面 B 上有一個 id 為 result 的元素，我們可以通過以下代碼將這個元素的內(nèi)容更新為 "Hello, Ajax!"：

$.ajax({
url: 'pageB.html',
success: function(data) {
$(data).find('#result').text('Hello, Ajax!');
}
});

上述代碼中，我們通過指定 url 參數(shù)為頁面 B 的地址，成功獲取頁面 B 的內(nèi)容后，使用 find() 方法找到頁面 B 上的 id 為 result 的元素，并使用 text() 方法將其內(nèi)容更新為 "Hello, Ajax!"。

總結(jié)而言，通過使用 Ajax 技術(shù)，我們可以方便地在一個頁面中調(diào)用其他頁面的代碼，實現(xiàn)異步請求和內(nèi)容更新。無論是調(diào)用其他頁面的函數(shù)還是修改其他頁面的內(nèi)容，都可以通過簡單的 jQuery.ajax() 方法來實現(xiàn)，提升用戶體驗并使網(wǎng)頁更加動態(tài)和交互性。