时间戳

首页 > 解决方案 > 将复杂的 FormData 从 Angular 5 传递到 Java Spring 3

javascript - 将复杂的 FormData 从 Angular 5 传递到 Java Spring 3

问题描述

我正在尝试将数组和字符串的数组插入到 FormData 中，但是 java 似乎没有收到它，我的 Java 服务器中没有日志错误但是我的 JavaScript 控制台中有 500 内部服务器错误。

这是我的控制器的代码：

 @RequestMapping(value = "/getReporting", method = RequestMethod.POST)
  @ResponseBody
  public void  getReporting(@RequestParam RecommendationForm form, @RequestParam String type, HttpServletResponse response) throws ApcException {

    System.out.println("prova");
    Map.Entry<String, byte[]> result =  this.reportingService.getReporting(form,type);

    try {
      response.setHeader(//
        "Content-Disposition",//
        "attachment; filename=" +"bobo.xlsx");
      response.setContentType("Application/x");
      response.getOutputStream().write(result.getValue());
      response.flushBuffer();
    } catch (IOException e) {

      e.printStackTrace();
    }

  }
}

这是我在 Angular 中的服务：

 public getExcel(form: FormData): Observable<HttpResponse<Blob>> {

    return this.http.post('/SV-AUD/api/reporting/getReporting', form, {observe: 'response', responseType: 'blob'});
  }

以及我在 formData 中附加信息的组件：

form: FormGroup = this._fb.group(
    {
      hello1: [],
      hello2: [],
      hello3: [],
      hello4: [],
      hello5: [],
      hello6: [],
      hello7: [],
      hello8: [],
      hello9: [],
    }
  );

exportExcel() {

    const formData: FormData = new FormData();
    formData.append('form', this.form.getRawValue());

    if (this.detailedType) {
      formData.append('type', 'detailed');
    } else {
      formData.append('type', 'list');
    }
    this.reportingService.getExcel(formData).subscribe(data => {
      const ctHeader = data.headers.get('content-disposition');
      if (ctHeader) {
        const filename = ctHeader.split('=')[1];
        saveAs(data.body, filename);
      }
    });

  }

标签： javascriptjavaspringangular

解决方案

您所描述的行为表明 Spring 无法将您@RequestParam的方法参数绑定getReporting到传入请求。

这意味着您从 Angular 端发布的数据与 Spring 端的预期不匹配。

除非它是一个错字，否则我猜问题出在组件源代码中的这一行，它什么都不做（并且应该是由于不匹配的括号而导致的语法错误）：

  (this.form.getRawValue()));

我猜它应该是：

 formData.append('form', (this.form.getRawValue()));

推荐阅读