Angular.JS + CORS

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

HTML

<div ng-app="Test">
    <div ng-controller="corsCtrl">
        <button ng-click="useHttp()">$http.get request</button>
        <button ng-click="useResource()">$resource request</button>    
    </div>
</div>

CSS

</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> 
<script type="text/javascript" src="http://ricardohbin.com/cors/angular.js/angular.min.js"></script>
<script type="text/javascript" src="http://ricardohbin.com/cors/angular.js/angular-resource.min.js"></script>

JavaScript

angular.module('Test', ['ngResource']).controller('corsCtrl', function ($scope, $http, $resource) {
    
    $http.defaults.useXDomain = true;

    $scope.useHttp = function() {
        
/*
Ricardo, I changed the URL to point to my test JSON api endpoint and it doesnt seem to work. John Scott
*/
        $http.get('http://192.93.37.39:8001/annuaire/public/advancedSearch.xml?entite=activite&activite.personne.nomexercice=robert&activite.nomenclatureByNomSpecialite.id=&activite.rattachements.structure.rue=&activite.rattachements.structure.nomenclatureByNomVille.id=&structure.libellecomplet=&structure.rattachements.activite.nomenclatureByNomSpecialite.id=&structure.rue=&structure.nomenclatureByNomVille.id=&rayonrecherche=5')
            .success(function(data) {
                alert(data.ok);
            })
             .error(function(data, status, headers, config) {
               // called asynchronously if an error occurs
               // or server returns response with status
               // code outside of the <200, 400) range
                        alert('Error:' + status);
                        });
    };

});