當我們使用 AJAX 中的 GET 方法發送請求時，經常會遇到 URL 參數亂碼的問題。不正確的 URL 參數編碼會導致請求無法正確地傳遞給服務器，從而影響取得正確的響應結果。本文將討論 URL 參數亂碼的原因及解決方案，并通過舉例來解釋。

URL 參數亂碼的主要原因是未正確對參數進行編碼。在使用 GET 方法時，參數是通過 URL 的查詢字符串部分傳遞給服務器的。查詢字符串由參數名和參數值組成，它們之間用等號連接。每個參數對之間用 & 符號分隔。例如，我們想要向服務器傳遞一個名為 name 的參數，值為 "張三"：

<script>
var name = "張三";
var url = "http://example.com/api?name=" + name;
// 發送 AJAX GET 請求...
</script>

然而，上述代碼在構建 URL 的過程中并沒有對參數進行正確的編碼操作。如果 name 參數值中包含了特殊字符，如空格或中文字符，那么最終的請求 URL 將會是：

http://example.com/api?name=張三

這個 URL 在發送請求時可能會引發亂碼問題，因為不同瀏覽器對于 URL 的編碼方式有所不同。為了解決 URL 參數亂碼問題，我們應該對參數進行正確的編碼。

JavaScript 提供了一個encodeURIComponent方法來對參數進行編碼。我們可以將上述代碼修改為：

<script>
var name = "張三";
var encodedName = encodeURIComponent(name);
var url = "http://example.com/api?name=" + encodedName;
// 發送 AJAX GET 請求...
</script>

在這個修改后的代碼中，我們使用encodeURIComponent方法對參數進行了編碼。這樣，無論參數值中是否包含特殊字符，最終的請求 URL 將會是：

http://example.com/api?name=%E5%BC%A0%E4%B8%89

通過正確地對參數進行編碼，我們可以避免 URL 參數亂碼的問題，并確保請求可以正確傳遞給服務器。

當然，如果使用常見的 JavaScript 框架如 jQuery，它們通常會在底層幫助我們處理 URL 參數編碼的問題，從而避免了手動編碼之苦。例如，在使用 jQuery 進行 AJAX 請求時：

<script src="http://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
var name = "張三";
var url = "http://example.com/api";
$.ajax({
url: url,
type: "GET",
data: { name: name },
success: function(response) {
// 處理響應結果...
}
});
</script>

在這個使用了 jQuery 的示例中，我們不需要手動對參數進行編碼，jQuery 會自動幫我們處理。它會確保 URL 參數正確編碼，從而避免了 URL 參數亂碼問題。

綜上所述，當我們在 AJAX 中使用 GET 方法發送請求時，必須注意對 URL 參數進行正確的編碼，避免引發參數亂碼的問題。可以使用 JavaScript 的encodeURIComponent方法進行手動編碼，或者使用常見的 JavaScript 框架如 jQuery，它們通常會自動處理 URL 參數編碼的問題。