AngularJS $http.get() always returns error?

Question

Why does the code below runs the error callback with no status? Web Developer in Firefox reports status code 200.

Is there any way to debug this?

<meta charset="utf8">

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script>

<script type="text/javascript">

    function RoomListCtrl($scope, $http) {

        $scope.getRooms = function() {

                $http({method: 'GET', url: 'http://code.angularjs.org'}).

                success(function(data, status, headers, config) {
                // this callback will be called asynchronously
                // when the response is available
                    alert('succes');
                }).

                error(function(data, status, headers, config) {
                // called asynchronously if an error occurs
                // or server returns response with an error status.
                    alert('error');
                });
        }

        $scope.submit = function() {

            this.getRooms();
        }

    }

</script>

<body ng-controller="RoomListCtrl"><form ng-submit="submit()">
    <input type="text" value="" ng-model="search" name="search" >
</form></body>

Is that the actual code you're running? Sounds like you're running into cross-domain issues, where the actual request is being blocked (so no status either). — robertklep
– robertklep, Commented Oct 13, 2013 at 17:20
Yes, this is actual code. I am running this code as local file in Firefox. Could that cause the issue? — koen
– koen, Commented Oct 13, 2013 at 17:24
Even if you would run it through an HTTP server, it would generate an error because you can't generally perform cross-domain AJAX requests (unless the remote server handling the request has CORS enabled, but it doesn't look like code.angularjs.org has). — robertklep
– robertklep, Commented Oct 13, 2013 at 17:28

Marplesoft · Accepted Answer · 2013-10-13 18:00:20Z

1

As @robertklep points out above, you can't make ajax request to another domain unless that domain explicitly allows it. See the CORS link he provided. One workaround to this (assuming you can't control the CORS policy for the server you're requesting data from) is to use a JSONP request if the server supports that.

answered Oct 13, 2013 at 18:00

Marplesoft

6,2904 gold badges40 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS $http.get() always returns error?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related