フロントエンドからバックエンドへのリクエスト送信(FormData)

1486 ワード

JSONオブジェクトからformDataオブジェクトへ、formDataオブジェクトからJSONへ
バックエンドに要求する時、もしアップロードするデータの中でfileファイルのオブジェクトが存在するならば、フォームの提出を使う必要があって、この時私達はJSONのオブジェクトを必要として、formDataのオブジェクトに転換して、具体的にコードを参照します
 const formData = new FormData();
  Object.keys(params).forEach((key) => {
    formData.append(key, params[key]);
  });

以下にformDataをJSONに転送する必要がある場合もあります.コードは以下の通りです.
var jsonData = {};
  formData.forEach((value, key) => jsonData[key] = value);
 mypost1() {
    let url = 'http://1.1.1.1:8080/AA/pAA/kAAAin/quAA';
    let params = {
      AA: '',
      SS: '',
      DD: '1'
    }
    const formData = new FormData();
    Object.keys(params).forEach((key) => {
      formData.append(key, params[key]);
    });
    console.log(formData)
    this.http.post(url, formData).subscribe({
      next: (res: any) => {
        if (res.status === 'success') {
        } else { if (!res.message || res.message === 'error') { this.msg.error('...') } else { this.msg.error(res.message); } }
      }, error: (err: any) => { }
    })
  }