Convert JSON to multipart/form-data angular/ionic

Ionic Framework
1

When i send POST request form POSTMAN and get correct response

This is Form-Data Body request of Postman POST.

ENDPOINT : https://cholas.in/wp-json/digits/v1/send_otp

Success Respond when i request with Form-Data

When i send POST request from POSTMAN and get Wrong response

JSON Body request

Content-Type : multipart/form-data;

When i send POST request from POSTMAN and get Wrong response

Content-Type : multipart/form-data; header with json body :

Content-Type : multipart/form-data; header with json body
Content-Type : multipart/form-data; header with json body697Ă—34 1.27 KB

Angular and IONIC code when i send post request

    const formData = new FormData();
    let httpOptions = {
        headers: new HttpHeaders({
            'Content-Type': 'multipart/form-data; charset=UTF-8'
        })
    };
  
    
    formData.append('countrycode',this.formSMS.countrycode);
    formData.append('mobileNo',this.formSMS.mobileNo);
    formData.append('type',this.formSMS.type);
    formData.append('whatsapp',this.formSMS.whatsapp);
    // rest data to the form.
    //Object.keys(restObj).forEach(key => {
    //  formData.append(key, restObj[key]);
    //});
    console.log(formData);
    // Send it.
    return this.http.post(Url, formData, httpOptions)
      .toPromise()
      .catch((e) => {
          console.log(e);
        // handle me
      });

But i get Wrong Response that i don’t want.

angular/ionic wrong response that i don't want

NB: OTP Providers Documentation NOTE: The request should be sent as POST Parameters in Body

What will be the right wey in IONIC/ANGULAR/POSTMAN(JSON Type) to getting right Resonse that i getting as POSTMAN first Screenshot ?

2

Get rid of httpHeaders entirely. You do not need to micromanage Content-Type with Angular’s HttpClient.

1 Like
3

Yeah it works , but what about ionic native ? is the same think works in ionic native HTTP too ?