AJAX（Asynchronous JavaScript and XML）是一種在網頁上實現異步通信的技術，它能夠在不需要刷新整個網頁的情況下，與服務器進行數據交互。$ is not defined 是一個常見的錯誤，通常在使用 jQuery 的 AJAX 方法時出現，這個錯誤表明 jQuery 的 $ 符號未被正確地定義或加載。本文將詳細討論這個錯誤的原因和解決方法。

在使用 jQuery 的 AJAX 方法時，$ 符號被用作 jQuery 的別名。舉個例子來說明這個錯誤。假設我們有一個按鈕，當點擊該按鈕時，觸發一個 AJAX 請求來獲取服務器上的數據。

$(document).ready(function(){
$('#button').click(function(){
$.ajax({
url: 'data.php',
success: function(data){
// 處理服務器返回的數據
}
});
});
});

在這個例子中，我們使用了 $ 符號來調用 jQuery 的方法。然而，當我們運行代碼時，控制臺會顯示 "$ is not defined" 的錯誤。這個錯誤是因為開發環境中沒有正確地加載 jQuery 庫所導致的。

解決這個問題的方法有幾種。首先，我們需要確保正確地加載了 jQuery 庫。可以通過在 HTML 頁面的頭部添加以下代碼來加載 jQuery：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

請注意這里我們使用了來自谷歌 CDN（內容分發網絡）的 jQuery 庫。這是一個非常方便的方法，因為它會自動從最近的服務器加載 jQuery 文件，從而提供更快的加載速度。

另一個解決辦法是使用 jQuery.noConflict() 方法，它將釋放 $ 符號的控制權。舉一個例子：

var jq = $.noConflict();
jq(document).ready(function(){
jq('#button').click(function(){
jq.ajax({
url: 'data.php',
success: function(data){
// 處理服務器返回的數據
}
});
});
});

在這個例子中，我們通過調用 $.noConflict() 方法，將 $ 符號的控制權轉移到變量 jq 上。這樣我們可以用 jq 替代 $ 來使用 jQuery 的方法，從而避免 $ is not defined 的錯誤。

綜上所述，$ is not defined 的錯誤是因為 jQuery 的 $ 符號未被正確地定義或加載所引起的。這個錯誤可以通過正確加載 jQuery 庫或使用 jQuery.noConflict() 方法來解決。好的實踐是在使用 AJAX 方法之前，始終確保正確地加載了 jQuery 庫。