简话Angular 08 Angular ajax

1.功能细分简解

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