AngularJs $http post not sending data to restful api

Question

This is my angular controller that performs the post function

app.controller ('accountsCtrl', function($scope, $http) {

    this.accounts = { code:"", account_name:"", description:"", account_type_id:"", is_active:"", user_id:"", owner_id:""};

    $scope.addPage = "#!/account";
    $scope.uploadPage = "upload.html";
    $scope.exportPage = "export.html";

   let user_token = local_store("get", "primalfitsUser").token;

    let headers = {
        "Content-Type":'application/x-www-form-urlencoded;charset=utf-8;',
        "Authorization":"Bearer "+user_token
    };

    $scope.account_save = function($http) {
        this.accounts.is_active = 1;
        console.log(this.accounts);
        // $http.post(base_api_url+"/accounts",$httpParamSerializerJQLike(this.accounts) ,{"headers":headers}).then(
        //         result => console.log(result)
        //     ).catch(error => console.log(error));


          $http({
            url: base_api_url+"/accounts",
            method: "POST",
            headers: headers,
            data: {'message' : this.accounts},
            paramSerializer: '$httpParamSerializerJQLike'

        }).then((result) =>{
            $scope.info = result.data.message;
        }, function(error){
            $scope.error = error;
        });
    };

How do you know that it's not sending a request? Did you check the network tab? — Konrad
– Konrad, Commented Sep 5, 2022 at 11:05
yes i did check the network tab,i console.log the data its getting from the frontend console.log(this.accounts); and it shows it contains data but at the network tab, the rquest object contains empty array — phenomT
– phenomT, Commented Sep 5, 2022 at 12:02

Naren Murali · Accepted Answer · 2022-09-05 11:06:23Z

1

You are defining a $http local variable, maybe that is the problem?

 $scope.account_save = function($http) { // <- remove $http! it comes from the controller itself
        this.accounts.is_active = 1;
        console.log(this.accounts);

reference jsfiddle

answered Sep 5, 2022 at 11:06

Naren Murali

66.1k6 gold badges51 silver badges96 bronze badges

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

6 Comments

phenomT Over a year ago

sorry that was a mistake...i have removed the $http local variable declaration and its still not working

Naren Murali Over a year ago

@phenomT Please check the network tab if the call is made, I suspect paramSerializer is the problem, could you try removing that?

phenomT Over a year ago

yes, about that av tried removing it, i used paramSerializer when i tried using the content type as "Content-Type":'application/x-www-form-urlencoded;charset=utf-8;

Naren Murali Over a year ago

@phenomT What about network that, what error are you getting?

phenomT Over a year ago

i have since then change it back to application/json and removed the paramSerializer and it still does not work

|

k.tten · Accepted Answer · 2022-09-09 20:47:55Z

1

I finally found a way to perform post-function with this controller. I changed the name of:

this.accounts =  { code: "", 
    account_name: "", 
    description: "," 
    account_type_id:"", 
    is_active:"", 
    user_id:"", 
    owner_id:""
};

To this.account (i.e. singular form of accounts) both on the ng-model collecting the information from the frontend and the data passed to http. Thanks everyone.

A singular "s" has been troubling me for some time now.

edited Sep 9, 2022 at 20:47

k.tten

26.8k4 gold badges34 silver badges63 bronze badges

answered Sep 5, 2022 at 15:21

phenomT

436 bronze badges

Collectives™ on Stack Overflow

AngularJs $http post not sending data to restful api

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related