从角度到弹簧发布带有表单数据的请求 [英] post request with form-data from angular to spring

问题描述

我正在尝试使用angular及其http库向我的spring rest api发送发布请求.

i am trying to send a post request to my spring rest api using angular and its http library.

目前在邮递员中(成功)，我正在以这种方式发送数据:

currently in post-man (sucessfully) i am sending the data in this way:

1. 格式为表格数据
2. 密钥是reqData(强制性)
3. 该值为json(强制性)

如何通过angular以相同的方式发送数据?

how to send the data in the same way via angular?

当前，这是我的数据的样子:

currently, this is how my data looks like:

onSignIn(form: NgForm) {
    const email = form.value.email;
    const password = form.value.password;

    const reqData = {
      'app_uname': email,
      'app_pass': password
    };
}

添加有关我的后端代码的更多信息:

adding more about my backend code:

我的rest api看起来像这样:

my rest api looks like this:

@RequestMapping(value = "/login", method = RequestMethod.POST)

@ResponseBody
public ResponseEntity<String> handle(@RequestParam(value = "reqData") String reqData,HttpServletRequest request)

所以我应该发送一个键和值(我不知道打字稿中的数据结构，但是在Java中是MultiValueMap)，其中键是reqData，值应该是字符串或json对象中的json.

so i should be sending a key and value ( i am not aware which data structure in typescript,but in java it is MultiValueMap) where the key is reqData and the value should be json in string or json object.

如何将我的reqData json转换为MultiValueMap格式?

我也尝试了formData和Map:

i have tried both formData and Map also:

const formData: FormData = new FormData();
    formData.append('reqData', JSON.stringify(reqData));

const map = new Map();
    map.set('reqData', reqData);

推荐答案

这就是我将请求发送到后端的方法.

This is what i have done to send request to my backend.

我创建了所需的json，然后创建了一个请求参数字符串

i created the required json,then i created a request parameter string

const reqData = 'reqData=' + jsonDataInString;

发送了成功请求.

这篇关于从角度到弹簧发布带有表单数据的请求的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！