# Convert JSON to multipart/form-data angular/ionic

**URL:** <https://forum.ionicframework.com/t/convert-json-to-multipart-form-data-angular-ionic/194049>\
**Category:** Ionic Framework\
**Created:** [August 6, 2020, 5:32pm UTC](https://forum.ionicframework.com/t/convert-json-to-multipart-form-data-angular-ionic/194049 "2020-08-06T17:32:26Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![sultan-ul-arefin](https://avatars.discourse-cdn.com/v4/letter/s/db5fbb/32.png) [@sultan-ul-arefin](https://forum.ionicframework.com/u/sultan-ul-arefin)\
**Post date:** [August 6, 2020, 5:32pm UTC](https://forum.ionicframework.com/t/convert-json-to-multipart-form-data-angular-ionic/194049/1 "2020-08-06T17:32:26Z")

</div>

**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](https://cholas.in/wp-json/digits/v1/send_otp)

![Success Respond when i request with Form-Data](https://global.discourse-cdn.com/ionicframework/original/3X/d/d/dd8bf0a14ba8cc72a3ddcb67311769fccae72d8a.png)

**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](https://global.discourse-cdn.com/ionicframework/original/3X/b/c/bc2194536719423c34462d32ad49873887eaa29c.png)

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

 ![Content-Type : multipart/form-data; header with json body](https://global.discourse-cdn.com/ionicframework/original/3X/f/e/fe6983c347916667f140ede5286a37f9de279b5c.png)

**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](https://global.discourse-cdn.com/ionicframework/original/3X/d/7/d7b6c188932e823dd9e188536eb52be35b44a635.png)

**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 ?

---

<div class="post-metadata">

**Author:** ![rapropos](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/rapropos/32/100227_2.png) [@rapropos](https://forum.ionicframework.com/u/rapropos)\
**Post date:** [August 6, 2020, 5:44pm UTC](https://forum.ionicframework.com/t/convert-json-to-multipart-form-data-angular-ionic/194049/2 "2020-08-06T17:44:10Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![sultan-ul-arefin](https://avatars.discourse-cdn.com/v4/letter/s/db5fbb/32.png) [@sultan-ul-arefin](https://forum.ionicframework.com/u/sultan-ul-arefin)\
**Post date:** [August 7, 2020, 3:11am UTC](https://forum.ionicframework.com/t/convert-json-to-multipart-form-data-angular-ionic/194049/3 "2020-08-07T03:11:21Z")

</div>

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