在Web開發中，我們經常需要通過Ajax來獲取遠程數據并動態更新網頁內容。其中一個常見的應用場景是通過Ajax顯示URL頁面。通過Ajax獲取URL頁面的內容，我們可以將其插入到當前頁面中，實現無刷新加載內容的效果。

舉一個例子來說明，假設我們有一個簡單的網站，其中有一個導航欄，每個導航鏈接對應一個URL頁面。當用戶點擊某個導航鏈接時，我們希望通過Ajax獲取相應的URL頁面的內容，并將其顯示在當前頁面中的某個區域。

為了實現這個功能，我們可以使用jQuery的Ajax方法。首先，我們需要監聽導航鏈接的點擊事件。當用戶點擊導航鏈接時，我們通過事件處理函數獲取到目標URL，然后使用Ajax方法向該URL發送GET請求。代碼如下：

$('a.nav-link').click(function(e) {
e.preventDefault(); // 阻止鏈接默認行為
var url = $(this).attr('href');
$.ajax({
url: url,
method: 'GET',
success: function(response) {
// 在這里處理獲取到的URL頁面內容
},
error: function(xhr, status, error) {
// 在這里處理錯誤情況
}
});
});

上述代碼中，我們首先使用jQuery選擇器選中所有導航鏈接（假設它們帶有.nav-link類），然后添加了一個點擊事件處理函數。處理函數中，我們首先使用e.preventDefault()方法阻止鏈接的默認行為，即阻止頁面跳轉。接著，我們獲取了目標URL，即鏈接的href屬性值。

然后，我們使用$.ajax方法發送GET請求到目標URL，并傳入相應的配置參數。在成功回調函數中，我們可以獲取到URL頁面的內容。例如，假設我們的URL頁面返回的是一個簡單的HTML段落，我們可以將其插入到當前頁面的某個區域中：

$('a.nav-link').click(function(e) {
e.preventDefault();
var url = $(this).attr('href');
$.ajax({
url: url,
method: 'GET',
success: function(response) {
// 在這里處理獲取到的URL頁面內容
$('.content').html('<p>' + response + '</p>');
},
error: function(xhr, status, error) {
// 在這里處理錯誤情況
}
});
});

上述代碼中，我們使用了jQuery的選擇器選中了某個具有.content類的元素，將URL頁面的內容插入到該元素中。通過這樣的方式，我們就實現了通過Ajax顯示URL頁面的功能。

需要注意的是，由于瀏覽器存在跨域限制，我們在開發過程中需要確保所請求的URL頁面與當前頁面屬于同一域。否則，在發送Ajax請求時會遇到跨域問題，無法獲取到URL頁面的內容。

總而言之，通過Ajax顯示URL頁面是一種實現無刷新加載內容的方法。使用jQuery的Ajax方法，我們可以通過GET請求獲取URL頁面的內容，并將其插入到當前頁面中的某個區域。