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 () {
        $http({
            url: 'http://api-dmitry.dev/app_dev.php/search_api/tour.json',
            method: 'GET',
            params: {
                tour_id: 408479,
                source_code: 'it'
            }
        })
            .success(function (data) {
            alert(data);
        });
    };

    $scope.useResource = function () {
        var User = $resource('http://ricardohbin.com/cors/testcors.php', {
            userId: '@id'
        });
        User.get({
            userId: 123
        }, function (data) {
            alert(data.ok);
        });
    };
});