Adding two parameters in HTTP Post

Question

I am trying to send two values from client to server side using HTTP post in MEAN. I can add one but when I try to add two values I am getting an error.

Here is my code:

var emailid = 'emailid=' + ctinvite.emp_email;
var phone= 'phone=' + ctinvite.emp_phone;
headers.append('Content-Type', 'application/X-www-form-urlencoded');
this.http.post('http://localhost:3000/sendmail',emailid, {headers: headers})

I added emailid and it's working perfectly. Now I want to add phone along with emailid in HTTP Post.

Aravind · Accepted Answer · 2017-12-27 06:59:59Z

2

You should be using a complex object as below

var emailid = 'emailid=' + ctinvite.emp_email;
var phone= 'phone=' + ctinvite.emp_phone;\
var email_phone ={
    emailid : emailid,
    phone :phone
}
headers.append('Content-Type', 'application/X-www-form-urlencoded');
this.http.post('http://localhost:3000/sendmail',email_phone, {headers: headers})

answered Dec 27, 2017 at 6:59

Aravind

41.7k16 gold badges97 silver badges111 bronze badges

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

Comments

Gregor Doroschenko · Accepted Answer · 2017-12-27 08:16:35Z

If you will to create an url with params like this:

http://url.com/user?emailid=12&phone=2234234234

than you should use HttpParams (or URLSearchParams for old (<4.3) Angular version). Here you can find a little bit more.

Here is an example based on your question data:

Angular v4.3+ with new HttpClientModule:

let httpParams = new HttpParams();
httpParams = httpParams.set('emailid', ctinvite.emp_email.toString());
httpParams = httpParams.set('phone', ctinvite.emp_phone.toString());
headers.append('Content-Type', 'application/X-www-form-urlencoded');
this.http.post('http://localhost:3000/sendmail', null, {headers: headers, params: httpParams});

Angular v4.3 and older with old HttpModule:

let params = new URLSearchParams();
params.set('emailid', ctinvite.emp_email.toString());
params.set('phone', ctinvite.emp_phone.toString());
headers.append('Content-Type', 'application/X-www-form-urlencoded');
this.http.post('http://localhost:3000/sendmail', null, {search: params, headers: headers});

If you will to send you data as FormData (that I see on your headers settings) so here is an example for that:

const formData = new FormData();
formData.append('emailid', ctinvite.emp_email.toString());
formData.append('phone', ctinvite.emp_phone.toString());
headers.append('Content-Type', 'application/X-www-form-urlencoded');
this.http.post('http://localhost:3000/sendmail',formData, {headers: headers});

If you will to send you data as JSON object, so you should make it like this:

let jsonData = {
  emailid: ctinvite.emp_email,
  phone: ctinvite.emp_phone
}
headers.append('Content-Type', 'application/json');
this.http.post('http://localhost:3000/sendmail', JSON.stringify(jsonData), {headers: headers});

Sandip Jaiswal · Accepted Answer · 2017-12-27 07:01:36Z

0

Use following code :

var emailid = 'emailid=' + ctinvite.emp_email;
var phone= 'phone=' + ctinvite.emp_phone;
headers.append('Content-Type', 'application/X-www-form-urlencoded');
this.http.post(`http://localhost:3000/sendmail=${emailid}&phone=${phone}`, {headers: headers})

Hope it will help

answered Dec 27, 2017 at 7:01

Sandip Jaiswal

3,7702 gold badges15 silver badges15 bronze badges

3 Comments

Aravind Over a year ago

adding query params in post is not advisable

mayank bisht Over a year ago

rather you can wrap objects in single structure, and pass that object in the post request.

Sandip Jaiswal Over a year ago

Can you send your api code then I can help you better. The best way to send data in post is to send in the body of the request. If you are getting your data in api in a single object then obviously you need to send an object in the body of the request.

Collectives™ on Stack Overflow

Adding two parameters in HTTP Post

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related