Use Http Post in ionic

Ionic Framework ionic-v3
1

I used this.http.get method in ionic v2…but don’t know how to use http.post in ionic v2
my code for http.get is

    this.http.get('My URL')
      .subscribe(data => {
          //this.cat = JSON.stringify(data);
          this.d = data.json().Data;
          console.log("Success");
      },
      err => {
          alert("Error : " + err);
      });

So I want to learn how to use post in this…I done this in post method like below :

   this.http.post('My URL', data).subscribe(data => {
      debugger;
      alert("Data Added");
   });
2

And what happens? What do you expect to happen? How are those two things different?

3 
 this.http.post('My URL', data).subscribe(data => {
  debugger;
  alert("Data Added");
 });

this is not working and I have to call API using this method…I can’t use map for post method…I want to insert data in database like below code means without map

 this.http.get('My URL')
  .subscribe(data => {
      //this.cat = JSON.stringify(data);
      this.d = data.json().Data;
      console.log("Success");
  },
  err => {
      alert("Error : " + err);
  });

So I want syntax for post method

4

If you have read many of my posts here, you understand how much I despise the phrase “not working”. I asked very specific questions, you answered none of them.

5

You can you this code.

this.http.post(“www.domain.com”,JSON.stringify(postParams))
.subscribe(data => {
this.mydata =data.json()
let response = this.mydata.code;
//here 200 is server response
if(response==“200”)
{
alert(“Your are successfully register with us!”);
//401 server response code
}else if(response==“401”)
{
alert(“Something worng”);
}

  }, error => {
    
    // Error getting the data
    console.log(error);
  });

}

1 Like
6

getting error

'Response with status : 500 Internal Server error for MyURL

7

Does your API allow POST calls?

8

Should be work fine.

9

I’m working on it…call you after solve it

10

Same code I am using working fine.

11

Yes it is…But when I’m trying with get method then it is working fine but every time it is not solution…So I have to do using post method

13

please send me value format of postParams variable

14

let postParams = {

  "name": this.name,
  "email": this.email,
  "phone": this.phone,
  "password": this.password,
  "photos":this.photos
}
15

okk.thanks
How can I extract data from response of post

 this.http.post('url', details)
      .subscribe(data => {
          alert(data.text() );
          console.log("Success");
      },
      err => {
          alert("Error : " + err);
      });

}

If I do data.text() then I got json but I have to get a param from that json array but I don’t know how to do it

reponse is like this

{"MESSAGE":"Successfully !","ORIGINAL_ERROR":"","ERROR_STATUS":false,"RECORDS":false}

I want only MESSAGE from this

16

what you want to do?

17

I got this as response

 {"MESSAGE":"Successfully !","ORIGINAL_ERROR":"","ERROR_STATUS":false,"RECORDS":false}

It is 100% right…
but I want to get only value of MESSAGE…but how can I do it…That I have to know

18 
.subscribe(data => {
        this.data = data.json();
        let response = this.data.MESSAGE;
        alert(response);
    
      }, error => {
        //console.log(error);// Error getting the data
        alert("No Internet connection!")
      });

its should be work fine.

19

It is not working…No error is occurring

20

@shivani8710 But the code is working for me.please show me you code.

21 
 data:any;
 this.http.post('URL', details)
      .subscribe(data => {
          debugger;
          this.data = data.json();
          let response = this.data.MESSAGE;
          alert(response);
          debugger;
          console.log("Success");
      },
      err => {
          alert("Error : " + err);
      });