angularjs http works only once

Question

I saw some similiar posts at forum but didn't find solition to my problem. Maybe it's because I'm new to js/angular and that stuff. Here's the thing:

Perfect picture: I click button data (some text / numbers) from server are updated and displayed.

My problem is - I get the data only once. Later some other function from jquery.js is called instead of mine.

        if ( !(eventHandle = elemData.handle) ) {
        eventHandle = elemData.handle = function( e ) {
            // Discard the second event of a jQuery.event.trigger() and
            // when an event is called after a page has unloaded
            return typeof jQuery !== core_strundefined && (!e || jQuery.event.triggered !== e.type) ?
                jQuery.event.dispatch.apply( eventHandle.elem, arguments ) :
                undefined;
        };

my code:

controllers.js:

    myApp.controller('ajaxController', function($scope, $http, $log){

        $scope.ajaxData={};
        $scope.ajaxData.doClick = function(item, event){

            $http({method: 'GET', url: 'temp/temp.json', params: { 'foobar': new Date().getTime() } }).
                success(function(data, status, headers, config) {
                    $log.debug(data);
                    $scope.ajaxData = data;
                }).
                error(function(data, status, headers, config) {
                    $log.debug("not good");
                });

index.html:

<div class="container" ng-controller="ajaxController"> (...)

<button ng-click="ajaxData.doClick(item, $event)">Send Request</button>
percentage: {{$scope.ajaxData.data.cpu}}</br>
usage: {{$scope.ajaxData.total}}</br>
idle: {{$scope.ajaxData.idle}}</br>

I can see in chrome console that first request is done and it succeed, later code mentioned above is executed instead and i get no data.

Mike Robinson · Accepted Answer · 2014-06-03 17:58:17Z

3

In your success function you're overwriting the ajaxData with your response

$scope.ajaxData = data

This means $scope.ajaxData.doClick no longer exists. Try binding doClick just to your $scope instead.

answered Jun 3, 2014 at 17:58

Mike Robinson

25.2k8 gold badges63 silver badges83 bronze badges

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

1 Comment

KaP Over a year ago

You are right! I changed it in different way - instead $scope.ajaxData = data; --> $scope.ajaxData.someData = data.someData; and it works. Thank you.

Collectives™ on Stack Overflow

angularjs http works only once

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related