Angular.JS Cros call

Angular.JS with CORS/IE compatibility - using $http.defaults.useXDomain

by carolineBda

HTML

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.1.1/angular-resource.min.js"></script>
<div ng-app="myApp">
    <div ng-controller="resourceCtrl">
        <button ng-click="pageReader()">Get page</button>    
    </div>
</div>

JavaScript

var app = angular.module('myApp', ['ngResource']);

app.config(['$httpProvider',function ($httpProvider) {
    $httpProvider.defaults.useXDomain = true;
    delete $httpProvider.defaults.headers.common['X-Requested-With'];
}]);
app.controller('resourceCtrl', function ($scope, $http) {

    $scope.pageReader = function() {
         $http.get('http://www.google.fr').
            success(function(data, status, headers, config) {
                alert("Response" + data);
            }).
            error(function(data, status, headers, config) {
                alert("Response error " + status);
            });;
    };
});