AngularJS Http学习笔记

AngularJS 提供了一个内置的 HTTP 服务,用于向远程服务器发送 HTTP 请求和接收响应。

发送 HTTP GET 请求

使用 $http 服务的 get() 方法发送 HTTP GET 请求。以下是一个示例:

javascriptCopy Code
$http.get('/api/user/123') .then(function(response) { // 请求成功 console.log(response.data); }, function(response) { // 请求失败 console.error(response.status); });

在上面的示例中,我们向 /api/user/123 发送了一个 HTTP GET 请求,并在请求成功时调用了一个回调函数,在请求失败时调用了另一个回调函数。

发送 HTTP POST 请求

使用 $http 服务的 post() 方法发送 HTTP POST 请求。以下是一个示例:

javascriptCopy Code
$http.post('/api/user', {name: 'John', age: 30}) .then(function(response) { // 请求成功 console.log(response.data); }, function(response) { // 请求失败 console.error(response.status); });

在上面的示例中,我们向 /api/user 发送了一个 HTTP POST 请求,并在请求成功时调用了一个回调函数,在请求失败时调用了另一个回调函数。我们还通过第二个参数传递了一个包含请求体数据的 JavaScript 对象。

发送 HTTP PUT 请求

使用 $http 服务的 put() 方法发送 HTTP PUT 请求。以下是一个示例:

javascriptCopy Code
$http.put('/api/user/123', {name: 'John', age: 30}) .then(function(response) { // 请求成功 console.log(response.data); }, function(response) { // 请求失败 console.error(response.status); });

在上面的示例中,我们向 /api/user/123 发送了一个 HTTP PUT 请求,并在请求成功时调用了一个回调函数,在请求失败时调用了另一个回调函数。我们还通过第二个参数传递了一个包含请求体数据的 JavaScript 对象。

发送 HTTP DELETE 请求

使用 $http 服务的 delete() 方法发送 HTTP DELETE 请求。以下是一个示例:

javascriptCopy Code
$http.delete('/api/user/123') .then(function(response) { // 请求成功 console.log(response.data); }, function(response) { // 请求失败 console.error(response.status); });

在上面的示例中,我们向 /api/user/123 发送了一个 HTTP DELETE 请求,并在请求成功时调用了一个回调函数,在请求失败时调用了另一个回调函数。

以上是 AngularJS Http 的常用方法示例,希望能对您有所帮助。