在前端开发中，AJAX 请求是非常常见的操作。AngularJs 是一个流行的前端框架，提供了多种方式来实现 AJAX 请求。本文将介绍 AngularJs 中两种主要的 AJAX 请求方式：Promise 和 $http，并提供一些示例代码。
Promise
Promise 是一种 JavaScript 对象，用于异步编程。使用 Promise 可以更方便地处理异步操作的结果。在 AngularJs 中，$q 服务提供了 Promise 的实现。
Promise 的基本用法
Promise 对象有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败）。Promise 对象可以通过 then 方法来处理成功和失败的状态。
var promise = $http.get('/api/data');
promise.then(function(response) {
console.log('请求成功：', response.data);
}, function(response) {
console.log('请求失败：', response.status);
});在上面的代码中，$http.get 方法返回一个 Promise 对象。then 方法接收两个回调函数作为参数，第一个回调函数处理成功的状态，第二个回调函数处理失败的状态。
Promise 的链式调用
Promise 对象的 then 方法可以链式调用。这种方式可以更方便地处理多个异步操作的结果。
-- -------------------- ---- ------- --- -------- - ------------------------ --- -------- - ------------------------ --- -------- - ------------------------ --------------------------------- - ------ --------- --------------------------- - ------ --------- --------------------------- - -------------------- --------------- --------------- ---------------- ------------------------ - -------------------- ------- ---
在上面的代码中，三个 $http.get 方法返回的 Promise 对象通过链式调用连接起来。如果其中任何一个请求失败，就会跳转到 catch 方法中处理错误。
$http
$http 是 AngularJs 中用于发送 AJAX 请求的服务。该服务提供了多种方法来发送不同类型的请求。
发送 GET 请求
使用 $http.get 方法可以发送 GET 请求。
$http.get('/api/data').then(function(response) {
console.log('请求成功：', response.data);
}, function(response) {
console.log('请求失败：', response.status);
});在上面的代码中，$http.get 方法发送一个 GET 请求到指定的 URL，然后在成功或失败时调用相应的回调函数。
发送 POST 请求
使用 $http.post 方法可以发送 POST 请求。
$http.post('/api/data', {name: 'John', age: 30}).then(function(response) {
console.log('请求成功：', response.data);
}, function(response) {
console.log('请求失败：', response.status);
});在上面的代码中，$http.post 方法发送一个 POST 请求到指定的 URL，同时发送一个包含 name 和 age 属性的 JSON 对象。
发送 PUT 请求
使用 $http.put 方法可以发送 PUT 请求。
$http.put('/api/data', {id: 1, name: 'John', age: 30}).then(function(response) {
console.log('请求成功：', response.data);
}, function(response) {
console.log('请求失败：', response.status);
});在上面的代码中，$http.put 方法发送一个 PUT 请求到指定的 URL，同时发送一个包含 id、name 和 age 属性的 JSON 对象。
发送 DELETE 请求
使用 $http.delete 方法可以发送 DELETE 请求。
$http.delete('/api/data/1').then(function(response) {
console.log('请求成功：', response.data);
}, function(response) {
console.log('请求失败：', response.status);
});在上面的代码中，$http.delete 方法发送一个 DELETE 请求到指定的 URL。
总结
本文介绍了 AngularJs 中两种主要的 AJAX 请求方式：Promise 和 $http。Promise 提供了更方便的处理异步结果的方式，而 $http 则提供了多种方法来发送不同类型的请求。在实际开发中，可以根据具体情况选择适合的方式来发送 AJAX 请求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65d28fc3add4f0e0ffaec449