简话Angular 08 Angular ajax

一句话: 它们Angular框架声明周期的各个阶段,常规约定各专注于特定功能,经过处理也可以互相替换

1.功能细分简解

$http	类似JQuery ajax,支持promise
$http.jsonp	跨域访问，只支持json数据格式，不支持文本，html等其他格式
$httpProvider	主要在config中使用，做http通用设置

 <label>JSONP 实例, Http promise实例</label>
     <div ng-controller="JsonPController">
         <div id="baidu">
             http promise: {{hpromise}} <p></p>
             jsonp: {{jsp}}
         </div>
     <script>
     var myApp = angular.module('myApp', []);

     myApp.controller('JsonPController', function($scope, $http) {
         $http.jsonp("https://api.github.com?callback=JSON_CALLBACK").success(function(data) {
             $scope.jsp = data;
         });

         var promise = $http({
             method: 'GET',
             url: 'https://api.github.com'
         });
         promise.success(function(data, status, headers, config) {
             $scope.hpromise = data.current_user_url;

         });
         promise.error(function(data, status, headers, config) {
             scope.hpromise = 'hpromise';
         });

     });
     </script>
     </div>

     <p></p>
     <label>$httpProvider实例</label>
     <pre>
 angular.module('myApp', [])
 .config(function($httpProvider) {
     $httpProvider.defaults.headers
         .common['X-Requested-By'] = 'MyAngularApp';
 });
     </pre>

2. 在线查看运行效果

http://jimuyouyou.github.io/angular-bootstrap-rest-seed/examples/angular/8-ajax.html

3. 项目地址

github: https://github.com/jimuyouyou/angular-bootstrap-rest-seed