简话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