How to pass dynamic value to $http.post in angularjs

Question

Here is the scenario, I have a "Get course" button in the page when i click of the button, i'm passing courseId, In getCourse() method am returning $scope.courseId; then i'm passing this variable in $http.post method. but when i debug in developer tool i'm not getting courseId value.

    $scope.getCourse= function(){ return $scope.courseId;}

    $http.post('js/description.json', $scope.courseId).success(function(data){       
             $scope.response = data;        
    })

if i pass static course id like below, i'm getting the course id, so please suggest how to pass dynamic value.

    $http.post('js/description.json', {'courseId':'Adobe'}).success(function(data){       
             $scope.response = data;        
    })

why dont you use 'js/description.json', {courseId:$scope.courseId} — Ajay Singh Beniwal
– Ajay Singh Beniwal, Commented Feb 21, 2014 at 12:10
that's fine, you can pass directly like $scope.courseId or {courseId:$scope.courseId} it doesn't matter, but i'm having issue only at the time of dynamic variable. — Abilash
– Abilash, Commented Feb 21, 2014 at 12:15
sure, assume i have this below link, on click of this link i need to pass the value of "Adobe" to server using $http.post, along with the json/serverlet url. <a ng-click="getCourse(Adobe)">Get Course</a> — Abilash
– Abilash, Commented Feb 21, 2014 at 12:40

kubuntu · Accepted Answer · 2014-02-21 12:44:18Z

1

Assuming $scope.getCourse= function(){ return $scope.courseId;} returns the Course Id. You could use

$http.post('js/description.json', {courseId: $scope.getCourse()}).success(function(data){       
         $scope.response = data;        
})

However, if you are passing Course Id into the method that does the post, you use

$scope.getCourse = function(Id){ // Id is passed into function
    $http.post('js/description.json', {courseId: Id}).success(function(data){       
         $scope.response = data;        
    });
}

answered Feb 21, 2014 at 12:44

kubuntu

2,5351 gold badge24 silver badges24 bronze badges

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

2 Comments

Abilash Over a year ago

Still no luck for me.

Abilash Over a year ago

Thanks a lot ur method worked pretty fine, thanks once again.

Geoff Genz · Accepted Answer · 2014-02-21 12:12:56Z

1

It looks like you are just passing the string "Adobe" instead of the object that the service expects. Try:

$http.post('js/description.json', {courseId: $scope.courseId}).success(function(data){       
             $scope.response = data;        
    })

answered Feb 21, 2014 at 12:12

Geoff Genz

2,17919 silver badges21 bronze badges

Collectives™ on Stack Overflow

How to pass dynamic value to $http.post in angularjs

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related