在Web開發中，前端與后端的數據交互是非常重要的一部分。而在JavaScript中，$http和$.ajax是兩個常用的函數，用于發送HTTP請求并獲取響應數據。這兩個函數屬于不同的JavaScript庫，分別是AngularJS和jQuery。它們可以幫助我們實現與服務器之間的通信，獲取數據、保存數據或更新數據。本文會對這兩個函數進行簡要的介紹，并通過舉例來說明它們的使用場景和用法。

1. 使用$http發送HTTP請求

在AngularJS中，可以使用$http對象來發送HTTP請求。$http可以發送GET、POST、PUT、DELETE等請求，并且支持Promise機制，使得異步請求變得更為簡單。下面是一個使用$http發送GET請求的例子：

$http.get('/api/users')
.then(function(response) {
console.log(response.data);
})
.catch(function(error) {
console.log(error);
});

上面的代碼中，我們通過$http.get方法發送了一個get請求到"/api/users"，并通過Promise的then方法處理了響應數據。如果請求成功，可以從response對象的data屬性中獲取到返回的數據。如果請求失敗，則通過catch方法處理錯誤。

2. 使用$.ajax發送HTTP請求

在jQuery中，可以使用$.ajax方法來發送HTTP請求。與$http類似，$.ajax也可以發送GET、POST、PUT、DELETE等請求，并且支持Promise機制。下面是一個使用$.ajax發送POST請求的例子：

$.ajax({
url: '/api/users',
method: 'POST',
data: {
username: 'john_doe',
email: 'john.doe@example.com'
},
success: function(response) {
console.log(response);
},
error: function(error) {
console.log(error);
}
});

上面的代碼中，我們使用$.ajax方法發送了一個POST請求到"/api/users"，并通過success和error回調函數處理了響應數據。如果請求成功，可以在success回調函數中獲取到返回的數據。如果請求失敗，則通過error回調函數處理錯誤。

3. $http與$.ajax的異同

$http和$.ajax的用法有很多相似之處，都可以發送HTTP請求，并且都支持Promise機制。不過它們也有一些區別。

首先，$http是AngularJS中的一個服務，而$.ajax是jQuery中的一個函數。所以，如果你使用AngularJS框架，可以優先考慮使用$http。同樣地，如果你使用jQuery框架，可以優先考慮使用$.ajax。

其次，$http的使用更加簡潔明了。它的用法更符合AngularJS的設計思想，提供了更多的便利方法。比如，$http可以自動將請求和響應數據轉換為JSON格式，可以設置請求頭、攔截器等。而$.ajax相對來說更加靈活，可以通過設置參數來控制請求和響應的細節。

最后，$http和$.ajax的底層實現也有所不同。$http基于XMLHttpRequest對象，而$.ajax可以基于XMLHttpRequest對象或者ActiveXObject（在舊版本的Internet Explorer中）。

4. 總結

無論是在AngularJS還是jQuery中，$http和$.ajax都是非常重要的函數，可以幫助我們實現與服務器的數據交互。在選擇使用的時候，需要根據自己項目的實際情況來決定。不過需要注意的是，Ajax請求可能存在跨域問題，需要進行處理。通過合理的使用$http和$.ajax，我們可以更加方便地進行數據的獲取和保存，提升用戶的交互體驗。