AngularJS 是一个前端框架，它可以帮助我们构建动态网页应用程序。其中 $http 是 AngularJS 中的一个核心服务，它允许我们发送 HTTP 请求并处理响应。
在本文中，我们将探讨 AngularJS $http 的几种用法。我们将深入研究这些用法，包括它们的语法、参数和使用场景。希望本文能够帮助你更好地了解 AngularJS $http，为你的下一个项目提供指导。
发送 GET 请求
首先，我们来看一下如何使用 AngularJS 的 $http 服务发送 GET 请求。这里有一个简单的示例代码：
$http.get('/api/data')
.then(function(response) {
console.log(response.data);
}, function(error) {
console.error(error);
});在这个示例中，我们使用了 $http 的 get() 方法来发送 GET 请求。这个方法接收一个参数，表示要请求的 URL。在这个例子中，我们请求了 /api/data 路径下的数据。
$http.get() 方法返回一个 Promise 对象，我们可以使用它来处理响应。在这个例子中，我们使用了 then() 方法来处理成功和失败的回调。如果请求成功，我们就会打印响应的数据；如果请求失败，我们就会打印错误信息。
发送 POST 请求
接下来，我们来看一下如何使用 AngularJS 的 $http 服务发送 POST 请求。这里有一个简单的示例代码：
$http.post('/api/data', { name: 'John', age: 30 })
.then(function(response) {
console.log(response.data);
}, function(error) {
console.error(error);
});在这个示例中，我们使用了 $http 的 post() 方法来发送 POST 请求。这个方法也接收一个参数，表示要请求的 URL。另外，我们还需要传递一个数据对象，表示请求的参数。在这个例子中，我们向服务器发送了一个包含 name 和 age 属性的对象。
$http.post() 方法同样返回一个 Promise 对象，我们可以使用它来处理响应。在这个例子中，我们仍然使用了 then() 方法来处理成功和失败的回调。
发送 PUT 请求
除了 GET 和 POST 请求，我们还可以使用 $http 服务发送 PUT 请求。这里有一个简单的示例代码：
$http.put('/api/data/1', { name: 'John', age: 35 })
.then(function(response) {
console.log(response.data);
}, function(error) {
console.error(error);
});在这个示例中，我们使用了 $http 的 put() 方法来发送 PUT 请求。这个方法同样接收一个参数，表示要请求的 URL。另外，我们还需要传递一个数据对象，表示请求的参数。在这个例子中，我们向服务器发送了一个包含 name 和 age 属性的对象，并且还指定了请求的 ID 为 1。
$http.put() 方法同样返回一个 Promise 对象，我们可以使用它来处理响应。
发送 DELETE 请求
最后，我们来看一下如何使用 AngularJS 的 $http 服务发送 DELETE 请求。这里有一个简单的示例代码：
$http.delete('/api/data/1')
.then(function(response) {
console.log(response.data);
}, function(error) {
console.error(error);
});在这个示例中，我们使用了 $http 的 delete() 方法来发送 DELETE 请求。这个方法仅接收一个参数，表示要请求的 URL。在这个例子中，我们指定要删除的数据的 ID 为 1。
$http.delete() 方法同样返回一个 Promise 对象，我们可以使用它来处理响应。
总结
在本文中，我们介绍了 AngularJS $http 的几种用法，包括发送 GET、POST、PUT 和 DELETE 请求。我们详细讲解了这些方法的语法、参数和使用场景，并提供了示例代码。希望这些内容可以为你深入理解 AngularJS $http 服务提供帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6460bcf4968c7c53b025ea96