angularjs ajax例子—示例代码

AngularJS是一个JavaScript框架，它提供了丰富的功能来简化开发过程。其中之一是通过AJAX（Asynchronous JavaScript and XML）技术与服务器进行数据交互。AJAX允许我们在不刷新整个页面的情况下，通过异步请求从服务器获取数据并将其显示在网页上。

在AngularJS中，我们可以使用内置的$http服务来执行AJAX请求。$http服务提供了一组方法，可以发送GET、POST、PUT、DELETE等不同类型的请求。我们可以使用这些方法来与服务器进行数据交互。

下面是一个使用AngularJS进行AJAX请求的示例代码：

angular.module('myApp', [])
  .controller('myController', function($http) {
    var vm = this;
    vm.getData = function() {
      $http.get('https://api.example.com/data')
        .then(function(response) {
          vm.data = response.data;
        })
        .catch(function(error) {
          console.log(error);
        });
    };
  });

在这个示例中，我们首先定义了一个名为`myApp`的AngularJS模块，并将其注入到一个名为`myController`的控制器中。控制器中使用了`$http`服务来发送GET请求。

在`getData`函数中，我们使用`$http.get`方法发送一个GET请求到`https://api.example.com/data`。当请求成功返回时，`.then`方法中的回调函数将被执行。我们可以从`response.data`中获取服务器返回的数据，并将其赋值给`vm.data`变量。如果请求失败，`.catch`方法中的回调函数将被执行，并将错误信息打印到控制台上。

通过这个示例，我们可以看到AngularJS提供了简单而强大的机制来执行AJAX请求，并且可以方便地处理成功和失败的情况。