Sending data from form to POST request in Angular

Question

I want to make a POST request using Angular. I am using ng-submit to submit the form to the controller where I access the factory to make the request using:

$http.post('/droplets', data)

I need the data from the form fields to put in the "data" variable above to send to my API but I can't work out how to do this when it is more than one field. How is this done?

why do you not just give the form action="/droplets" method="post" and let it submit itself? ng-submit will still be triggered — LionC
– LionC, Commented Jul 8, 2015 at 11:29

Deenadhayalan Manoharan · Accepted Answer · 2015-07-08 11:33:45Z

2

Try this...

$http({
        url: '/droplets',
        method: "POST",
        data: JSON.stringify({application:app, from:data1, to:data2}),
        headers: {'Content-Type': 'application/json'}
      }).success(function (data, status, headers, config) {
           // this callback will be called asynchronously
    // when the response is available
        }).error(function (data, status, headers, config) {
            // called asynchronously if an error occurs
    // or server returns response with an error status.
        });
};

Ref:https://docs.angularjs.org/api/ng/service/$http

answered Jul 8, 2015 at 11:33

Deenadhayalan Manoharan

5,45214 gold badges33 silver badges50 bronze badges

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

4 Comments

Finnjon Over a year ago

Thanks. Can you explain: data: JSON.stringify({application:app, from:data1, to:data2})? I'm not sure what should go in the parentheses.

Deenadhayalan Manoharan Over a year ago

request like "{"application":"appname","from":"test","to":"test"}"

Finnjon Over a year ago

I'm still not clear. What do the "from:" and "to:" refer to?

Deenadhayalan Manoharan Over a year ago

from and to are key of test and test,see above json

Collectives™ on Stack Overflow

Sending data from form to POST request in Angular

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related