将 JSON 转换为 multipart/form-data angular/ionic

Question

当我发送 POST 请求表单 POSTMAN 并得到正确响应时

这是 Postman POST 的 Form-Data Body 请求。

端点：https://cholas.in/wp-json/digits/v1/send_otp

当我从 POSTMAN 发送 POST 请求并得到错误响应时

JSON 正文请求

Content-Type : multipart/form-data;

内容类型：多部分/表单数据；带有 json 正文的标头：

我发送帖子请求时的 Angular 和 IONIC 代码

    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
      });

但我得到了我不想要的错误响应。

注意：OTP 提供商文档注意：请求应作为正文中的 POST 参数发送

在 IONIC/ANGULAR/POSTMAN(JSON 类型) 中正确的方法是什么？

Answer 1

您不需要在发布数据中传递 httpOptions，因为您正在传递表单数据，角度会为您处理

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)
      .toPromise()
      .catch((e) => {
          console.log(e);
        // handle me
      });

下面的stackbliz包含解决方案请参考 https://stackblitz.com/edit/angular-http-get-examples-f28x9u?file=app%2Fapp.component.ts