Ajax和jQuery是兩個在web開發中廣泛使用的技術。Ajax指的是“異步JavaScript和XML”，是一種在后臺與服務器進行數據交換的技術，可以實現頁面部分刷新而不需要刷新整個頁面。而jQuery是一個流行的JavaScript庫，簡化了用戶對HTML文檔遍歷、操作、事件處理等操作的復雜性，讓開發者能更輕松地編寫JavaScript代碼。

舉個例子來說明，當用戶在網頁上點擊一個按鈕時，頁面需要查詢服務器返回數據并顯示在頁面上。如果使用傳統方式，點擊按鈕后會刷新整個頁面，然后服務器返回數據并重新渲染頁面。這樣的用戶體驗是不友好的，因為用戶需要等待頁面重新加載。但是如果用Ajax和jQuery，頁面就可以通過后臺與服務器進行數據交互，進行異步請求，只更新頁面中需要刷新的部分，而不需要刷新整個頁面。

為了更好地理解Ajax和jQuery的關系和使用方法，我們可以看一個例子。假設我們有一個網頁，上面有一個按鈕，點擊按鈕后需要在頁面上顯示一段文本。傳統的方式是刷新整個頁面，而用Ajax和jQuery的方式是使用異步請求，只更新文本部分。

HTML：
<button id="myButton">點擊我</button>
<div id="myText"></div>
JavaScript(jQuery)：
$(document).ready(function(){
$("#myButton").click(function(){
$.ajax({
url: "getData.php", 
success: function(result){
$("#myText").text(result);
}
});
});
});

在這個例子中，我們首先通過id找到按鈕元素并綁定一個點擊事件的監聽器。當按鈕被點擊時，jQuery會發送一個Ajax請求給服務器，并指定一個回調函數，在請求成功后執行這個回調函數，將返回的數據顯示在id為myText的div元素上。

上述代碼中的$.ajax是一個jQuery提供的方法，用于發送Ajax請求。其中，url參數指定請求的服務器地址，success參數指定一個回調函數，當請求成功后，這個回調函數會被執行。在回調函數內部，我們通過$("#myText")找到id為myText的元素，并使用.text()方法將返回的數據顯示在div中。

通過上面的例子，我們可以看到，使用Ajax和jQuery可以非常簡潔地實現異步請求和更新頁面的操作。這樣的代碼更加可讀和易于維護，能夠提高開發效率。

總之，Ajax和jQuery在web開發中起到了重要的作用。Ajax可以實現與服務器的異步通信，使頁面的交互更加流暢和用戶友好。而jQuery則簡化了JavaScript代碼的編寫，提供了許多便利的方法和功能。使用它們可以大大提高web開發的效率和體驗。