フロントエンドからバックエンドへのリクエスト送信(FormData)
1486 ワード
JSONオブジェクトからformDataオブジェクトへ、formDataオブジェクトからJSONへ
バックエンドに要求する時、もしアップロードするデータの中でfileファイルのオブジェクトが存在するならば、フォームの提出を使う必要があって、この時私達は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) => { }
})
}