在現代 Web 開發中，前端與后端數據交互的需求非常頻繁。而 AJAX 就是實現這種數據交互的非常重要的技術，同時 jQuery 提供了非常方便的 AJAX 封裝工具，即 jQuery AJAX。

在 jQuery AJAX 中，我們需要傳遞變量來實現數據交互。傳遞變量有兩種方式，一種是通過 URL 傳參，另一種是通過 data 屬性傳參。

// 通過 URL 傳參
// GET 方法
$.ajax({
type: "GET",
url: "http://example.com/api/getUser?id=123",
success: function(data) {
console.log(data);
}
});
// POST 方法
$.ajax({
type: "POST",
url: "http://example.com/api/getUser",
data: {id: 123},
success: function(data) {
console.log(data);
}
});

通過 URL 傳參可以讓參數直接加在 URL 后面，比較方便。但是數據傳輸時會被暴露在瀏覽器地址欄，不太安全。因此，對于一些重要數據，我們更多會通過 data 屬性傳參，把參數放在請求體中。

// 通過 data 屬性傳參
$.ajax({
type: "POST",
url: "http://example.com/api/login",
data: {username: "john", password: "password"},
success: function(data) {
console.log(data);
}
});

通過 data 屬性傳參相對比較安全，同時也可以傳輸更多的數據。在請求頭中，Content-Type 會自動設置為 application/x-www-form-urlencoded，并且自動編碼數據。